22ユーティリティ機能をJavaScriptのコーディングのインタビューをエースする

JavaScriptのコーディングアセスメントシートシート2021

あなたが遭遇する可能性のあるJavaScriptのコーディングのインタビューの質問の1つのタイプでは、与えられた質問のコードの1から2行を書くことが含まれます.これらの質問は通常5分で答えるのに十分簡単です、しかし、時々、我々はインタビューの圧力のため、彼らと戦います.これらの機能は、2021年にJavaScriptのインタビューの準備に役立ちます.
時の圧力を減らすために時間の前に準備をしましょう!
写真でPatrick Perkins をUnsplash

1 .配列から重複を取り除く

array :配列から重複を取り除くのに便利な方法です.lodashの使用array =[ 2 , 1 , 2 , 5 , 6 , 7 , 8 , 9 , 9 , 10 ]
ArrayUniq =をしてください.Uniq ( array );//[ 2 , 1 , 5 , 6 , 7 , 8 , 9 , 10 ]
2 .フィルタの使用
array =[ 2 , 1 , 2 , 5 , 6 , 7 , 8 , 9 , 9 , 10 ]
レットリスト=配列.フィルタ(( x , i , a )=> a . indexof ( x )== i );
//[ 2 , 1 , 5 , 6 , 7 , 8 , 9 , 10 ]
設定
array =[ 2 , 1 , 2 , 5 , 6 , 7 , 8 , 9 , 9 , 10 ]
setUniq =[...]を設定します
//[ 2 , 1 , 5 , 6 , 7 , 8 , 9 , 10 ]

2 .オブジェクトの配列から重複を削除する

オブジェクトの配列:これらはオブジェクトの配列から重複を削除するのに便利なメソッドです.lodashの使用ユーザ=
{ id : 1 , name :"ted "}
{ id : 1 , name : "ボブ"}
{ id : 3 , name :"SARA "
{ id : 4 , name :"test "}
{ id : 4 , name :"test "}
{ id : 5 , name :"abc "
);
uniqueusersbyid = chenを指定します.Uniqby ( user , "id ");
//{ [ id ] : 1 , "name ":"id ": 3 , "name ":"id ": 4 "name ": "test "}, { id ": 5 "name ": "abc "}
このコードで複数のプロパティを持つユニークなデータをチェックできます.
複数のプロパティを指定します.uniqwith ( user , ( a , b )=> a . id = = = b . id - shr - no . a name = == b name );//[{ id ]: 1 "name ": "id ":｛id ": 3 "name ": "sara "}, { id ": 4 , "name ": "test "}, { id ": 5 , "name ": "abc "}
2 .フィルタの使用
フィルタを使用します.フィルタ(( v , i , a )=> a . findindex ( t => T = id == v . id )== = i );//[{ id ]: 1 "name ": "id ":｛id ": 3 "name ": "sara "}, { id ": 4 , "name ": "test "}, { id ": 5 , "name ": "abc "}
このコードで複数のプロパティを持つユニークなデータをチェックできます.
ユーザ名を指定します.filter (( v , i , a )=> a . findindex ( t => T . id = = = V . id - Radio . t . name == v . name )== = i );//[{ id ]: 1 "name ": "id ":｛id ": 3 "name ": "sara "}, { id ": 4 , "name ": "test "}, { id ": 5 , "name ": "abc "}
設定
var set 1 =配列です.から
利用者reduce (( m , t )=> m set ( t id , t ), new map () )value ()
);
//{ [ id ] : 1 , "name ": "id ": { id ": 3 "name ": "sara "}{ { id ": 4 "name ": "test "}, { id ": 5 "name ": "abc "}
ここでStackBlitzをチェックすることができます.
https://stackblitz.com/edit/remove-duplicates-arrayofobjects

3 .配列の項目を見つける

配列内の項目を見つける方法を以下に示します以下を含みます:このメソッドは配列が特定の値をそのエントリーの中に含むかどうか決定します.コンソール.log ( array . include ( 2 ));//trueを返す
2:このメソッドは、配列内のすべての要素が、指定した関数によって実装されたテストを通過するかどうかをテストします.ブール値を返します.
testevery 1 = arrayを実行します.すべての( val => val > 3 );//偽
いくつか:このメソッドは、配列内の少なくとも1つの要素が、指定した関数によって実装されるテストを通過するかどうかをテストします.ブール値を返します.
test 1を配列とします.( val => val > 3 );//真
4 . lodash include :値がコレクションの場合にチェックします.値が見つかった場合trueを返します.
LatashTest 9 =をしてください.( array , 1 );//真
LabashTest 10 =を許可します.( array , 3 , 2 );//偽
5 . findindex :このメソッドは、与えられたテスト関数を満たす配列の最初の要素のインデックスを返します.それ以外の場合は- 1を返し、テストに合格した要素がないことを示します.
テストインデックスを配列とします.findindex ( val => val > 1 );//0
6 . find :このメソッドは、与えられたテスト関数を満たす配列の最初の要素の値を返します.値がテスト関数を満たさない場合undefined が返される.
testfind =配列とします.を見つけて下さい5
filter :このメソッドは、与えられた関数によって実装されたテストを渡すすべての要素を持つ新しい配列を作成します.
testfile 1 = arrayとします.フィルタ( val => val > 3 );//[ 5 , 6 , 7 , 8 , 9 , 9 , 10 ]
8 . map :このメソッドは、呼び出し元の配列内のすべての要素に対して指定された関数を呼び出した結果が設定された新しい配列を作成します.
レット・ヴァル配列.マップ( item => { if ( item )= 3 ) val . push ( item );;//[ 5 , 6 , 7 , 8 , 9 , 9 , 10 ]
ここでStackBlitzをチェックすることができます.
https://stackblitz.com/edit/find-item-array

4 .オブジェクトの配列にアイテムを見つける

これらはオブジェクトの配列内の項目を見つけるために使用できるメソッドです.1:このメソッドは、配列内のすべての要素が、指定した関数によって実装されたテストを通過するかどうかをテストします.ブール値を返します.
testevery 2 =ユーザをさせてください.すべての( val => val . id > 3 );//偽
いくつか:このメソッドは、配列内の少なくとも1つの要素が、指定した関数によって実装されるテストを通過するかどうかをテストします.ブール値を返します.
TestSON 2 =ユーザとします.( val => val . id > 3 );//真
3 . lodash include :値がコレクションの場合にチェックします.値が見つかった場合trueを返します.
LatashTest 11 =をしてください.( a ' a : 1 , b ' : 2 }, 1 );//Truelet LodashTest 12 = Count.(' abcd '、' bc ');//真
4 . findindex :このメソッドは、与えられたテスト関数を満たす配列の最初の要素のインデックスを返します.それ以外の場合は- 1を返し、テストに合格した要素がないことを示します.
TestIndex 2 =ユーザーをさせてください.findindex ( val => val . id > 1 );//3
5 . find :このメソッドは、指定したテスト関数を満たす配列の最初の要素の値を返します.値がテスト関数を満たさない場合undefined が返される.
testFind 2 =ユーザーをさせてください.を見つけて下さい{ id ": 3 , "name ": "sara "
filter :このメソッドは、与えられた関数によって実装されたテストを渡すすべての要素を持つ新しい配列を作成します.
TestFilter 2 =ユーザーをさせてください.フィルタ( val => val . id > 3 )
7 . map :このメソッドは、呼び出し元の配列内のすべての要素に対して指定された関数を呼び出した結果が設定された新しい配列を作成します.
にする
利用者マップ( item =>{ if ( item . id >= 3 ) val 2 . push ( item ););
ここでStackBlitzをチェックすることができます.
https://stackblitz.com/edit/find-item-array

ソート配列

配列はソートメソッドを使用してソートできます.
sort ()メソッドは配列の要素をソートするin place を返します.デフォルトの並べ替え順序は、要素を文字列に変換する際に構築され、UTF - 16コード単位値のシーケンスを比較するときに構築されます.
年1月1日ヶ月.sort ()コンソール.ログ(月間);//期待される出力
const array1 =[ 1 , 30 , 4 , 21 , 10 , 000 ]1sort ()コンソール.ログ()/期待される出力

ミディアム・オン