JS配列の一般的な方法とテクニックを学び、マスターになりましょう

splice() メソッド

配列をインターセプトして置換する

最初のパラメータは開始位置、2 番目はインターセプトの数、3 番目は置換される要素です。戻り値はインターセプトされた要素であり、元の配列は残りの要素です。

join() メソッド

配列から文字列へ

接続に使用される () 内の文字列は何ですか? 空の文字列を入力すると、join('') は分割せずに直接連結します。

例えば：

aaa = [1,2,3]とする
bbb = aaa.join('-') とします。  
ccc = aaa.join('0') とします。  
console.log(bbb) // '1-2-3'
コンソール.log(ccc) //'10203'

逆() メソッド

配列の反転

arr.reverse() は配列を反転し、戻り値は反転された配列です。

every() メソッド

条件を満たさない配列を見つける

テスト配列内の各項目を反復処理します。 1 つの項目が定義した条件を満たさない場合は、false を返します。 残りは実行されません。 すべての項目が条件を満たした場合にのみ、true を返します。

最初のパラメータは配列内の各項目、2 番目はインデックス、3 番目は現在の配列です。

例：

編曲:[121,3322,3215,3549,6899,46456]
arr.every(関数(項目,インデックス,配列){
    return item>2000 //配列の各値が2000より大きいかどうかを確認します
}) //配列内の各値が 2000 より大きくない限り、結果は false になります。

削減() メソッド

累積値を求める

前の配列項目のトラバーサルの結果は、現在のトラバーサル項目で計算できます。

最初のパラメータはアキュムレータ（2番目の値によって返された結果を格納する）です。

2番目の値は現在処理中の値（配列の先頭から末尾まで走査）cur

3番目のインデックス

4番目の現在の配列arr

5番目の初期値（関数の後）init

例：

var arr = [3,9,4,3,6,0,9];
var sum = arr.reduce(関数 (prev, cur) {
    prev + cur を返します。
},0); //初期値は0、つまり最初のprevの値は0なので、計算は0+3=3 3+9=12 12+4=16 ...となります。各結果は次の計算のためにprevに格納されます。これは最も単純なreduce sumです。

filter() メソッド

配列の走査とフィルタリング

最初のパラメータは配列内の各項目、2 番目はインデックス、3 番目は現在の配列です。

配列を走査し、定義した条件をフィルタリングして、条件を満たすすべての要素を含む新しい配列を返します。

例：

var arr = [1,3,5,7,8]
var sum = arr.filter(function(値,インデックス,arr){
    戻り値 >3 //arr 内の 3 より大きい要素をフィルタリングします})
console.log(sum) //返される値は[5,7,8]です

findIndex() メソッドと find() メソッド

インデックスを見つける()

条件を満たす最初の配列メンバーのインデックスを検索します。見つからない場合は -1 を返します。

空の配列の場合、関数は実行されず、配列の元の値は変更されません。

探す（）

find() 関数は、対象の要素を見つけるために使用されます。見つかった場合は、その要素を返します。見つからない場合は、undefined を返します。

find 関数は次の 3 つのパラメータを取ります。

value: 各反復で検索する配列要素。

index: 各反復で検索される配列要素のインデックス。

arr: 検索する配列。

forEach() メソッド

ループ配列の最初の値は各パラメータ、2 番目の値はインデックス、3 番目の値は配列自体です。これは主に、配列内の要素を走査するために使用されます。

編曲:[1,2,3]
arr.forEach(関数(項目、インデックス、配列){
console.log(項目) //1,2,3
})

some() メソッド

配列内の要素が条件を満たしているかどうかをチェックし、一意の値を見つけるために使用され、true または false を返します。

var a = arr.some(関数(項目、インデックス、配列){
return item>3 // 3より大きい要素があるかどうかを確認し、ある場合はtrueを返し、そうでない場合はfalseを返します
})

条件を満たす要素が見つかると、ループは終了します。some で return trun に遭遇すると、ループは終了します。

indexOf() メソッド

配列内に特定の要素が存在するかどうかを確認し、インデックスを返します。指定された要素が見つかる配列の最初のインデックスを返します。存在しない場合は -1 を返します。
パラメータ 最初のパラメータ (必須): 検索する要素 2 番目 (オプション): 検索を開始する位置 (配列の長さ以上にはできず、-1 を返します)。負の値も受け入れ、デフォルト値は 0 です。
厳密な等価検索:
配列の indexOf 検索は、文字列の indexOf 検索とは異なります。配列の indexOf 検索では、厳密な等価性 === を使用して要素を検索します。つまり、検索が成功するには、配列要素が完全に一致している必要があります。

sort() メソッド

オプション パラメーター: 並べ替え順序を指定する比較関数。
デフォルトでは、sort() メソッドが比較関数を渡さない場合、昇順のアルファベット順になります。要素が文字列でない場合は、toString() メソッドが呼び出され、要素が文字列の Unicode サイトに変換され、文字が比較されます。

// 文字列の最初の文字を並べ替えます var a = ["Banana", "Orange", "Apple", "Mango"];
a.sort(); // ["アップル","バナナ","マンゴー","オレンジ"]
// 数値をソートする場合、一部の数値は Unicode 文字列に変換された後に大きくなり、最後にランク付けされます var a = [10, 1, 3, 20,25,8];
console.log(a.sort()) // [1,10,20,25,3,8];

push() メソッド

push は配列の末尾に新しい要素を追加します (複数の要素を一度に追加できます)
戻り値: 新しい配列の長さ

定数aa = [1,2,3]
aa.push(5,6)
コンソール.log(aa) // [1,2,3,5,6]

pop() メソッド

要素の末尾を削除し、戻り値は削除された要素になります

unshift() メソッド

ヘッダーが追加されました。戻り値は配列の長さです。

shift() メソッド

ヘッド削除要素の戻り値: 削除された要素

上記は、JS 配列でよく使用される方法とテクニックを習得して習得する方法の詳細な内容です。JS 配列でよく使用される方法とテクニックの詳細については、123WORDPRESS.COM の他の関連記事に注目してください。