最も一般的に使用される方法のJS配列(要約)

それを記録する非常に一般的なアレイ法、...

押す

バック素子アレイが追加され、配列の長さは、元の配列を変更、添加後に返さ

let arr = [1,2,3,4,5,6];
console,log(arr.push(7)); //7
console,log(arr); //1,2,3,4,5,6,7
复制代码

ポップ

リストの最後の要素を削除し、削除し、元の配列を変更するための要素を返します

let arr = [1,2,3,4,5,6];
console,log(arr.pop()); //6
console,log(arr); //1,2,3,4,5
复制代码

シフト

最初のリストを削除し、削除された要素を返し、元の配列を変更します

let arr = [1,2,3,4,5,6];
console,log(arr.shift()); //1
console,log(arr); //2,3,4,5,6
复制代码

アンシフト

配列の先頭に要素を追加し、アレイの戻り長さが元の配列を変更、追加されました

let arr = [1,2,3,4,5,6];
console,log(arr.shift(0)); //7
console,log(arr); //0,1,2,3,4,5,6
复制代码

スプライス(開始位置、削除された要素の数)

//删除
let arr = [1,2,3,4,5,6];
arr.splice(0,2);  //[1,2]
console.log(arr); //[3,4,5,6]
//替换
let arr = [1,2,3,4,5,6];
arr.splice(0,0,'a','b');
console.log(arr); // ["a", "b", 1, 2, 3, 4, 5, 6]
复制代码

参加します()

文字列に配列が、このパラメータは、デフォルトのパラメータはカンマ区切り通過しないが元の配列を変更しないであり、セパレータとしてのパラメータであります

let arr = [1,2,3,4,5,6];
arr.join(); //"1,2,3,4,5,6"
console.log(arr); // [ 1, 2, 3, 4, 5, 6]
复制代码

ここでは次のターンに文字列の配列参照分割を

let str = '123456';
str.split(''); //[1, 2, 3, 4, 5, 6]
复制代码

ソート()

配列内の要素をソートするには、配列は、例えば、代わりにサイズによってソートされた番号の最初の文字でソートされたオリジナルの、デフォルトを変更します。

let arr = [1,22,88,9,10];
arr.sort(); //[1, 10, 22, 88, 9]
复制代码

さて、私たちが想像もつかないよう、そして、どのようにそれを次を変更するには?あなたは()関数のパラメータ渡し、伝達関数をソートする必要がある場合です。

let arr = [1,22,88,9,10];
arr.sort(function(a,b){
    return a-b;
});  //[1, 9, 10, 22, 88]  a-b 代表从小到大的顺序排列

arr.sort(function(a,b){
    return b-a;
});  //[88, 22, 10, 9, 1]   a-b 代表从大到小的顺序排列
复制代码

逆()

配列の反転順

let arr = [1,22,88,9,10];
arr.reverse();  //[10, 9, 88, 22, 1]
复制代码

CONCAT()

元の配列を変更せずに、二つの配列、接続後の復帰のアレイを結びます

let arr = [1,2,3];
let arr2 = [4,5,6];
arr.concat(arr2);   //[1,2,3,4,5,6]
复制代码

indexOf()和のlastIndexOf()

lastIndexOf()配列の終わりを見つけるために、同じだけ始まり、-1を返し、そこに返される場合、要素インデックス値を求める、繰り返した場合、第1指標値に見出されます。

let arr = [1,2,3,4,5,2]
let arr1 = arr.indexOf(2)
console.log(arr1)  // 1
let arr2 = arr.indexOf(9)
console.log(arr2)  // -1

let arr = [1,2,3,4,5,2]
let arr1 = arr.lastIndexOf(2)
console.log(arr1)  // 5
let arr2 = arr.lastIndexOf(9)
console.log(arr2)  // -1
复制代码

Array.from()

アレイに擬似配列(配列データ)を変換し、長さ属性が提供されます。

let oLi = document.querySelectorAll('li');
Array.from(oLi);
console.log(oLi); //[元素1,元素2,元素3]
复制代码

Array.of()

値のセットを変換する方法が配列に関わらず、パラメータのタイプの、ポイントの数だけ、0の量で空の配列を返します

let arr1 = Array.of(1,2,3);	
let arr2 = Array.of([1,2,3]);
let arr3 = Array.of(undefined);
let arr4 = Array.of();
console.log(arr1); // [1, 2, 3]
console.log(arr2); // [[1, 2, 3]]
console.log(arr3); // [undefined]
console.log(arr4); // []
复制代码

Array.forEach(関数(項目、インデックス、ARR){}、thisArr)

  • アイテム:必須、現在の要素
  • インデックス:オプション、現在のインデックス
  • 編曲:オプション、現在の配列オブジェクト要素が属しています。
  • thisArr:ポインタの配列、

アレイを介して、戻り値は、ノーリターンです時々のために代わりに使用されています。

let arr = [1,2,3,4,5,6];
arr.forEach(function(item,index){
    console.log(item);
});
复制代码

Array.map()

値は、マッピングの配列(反復)を意味する戻り値を有し、この方法は、新しい配列を返し、配列要素は、元の配列要素を処理する関数を呼び出します

var arr = [1,2,3,4];
var arr2 = arr.map(function(item){
    return item*item;
});
console.log(arr2);  // [1, 4, 9, 16]
复制代码

Array.filter()

フィルタアレイとは、新しい配列を返し、復帰条件は、フィルタリングする真、偽の要素の要素であります

let arr = [1,2,3,4,5]
let arr1 = arr.filter(function(item,index){
    return item > 1;
})
console.log(arr1); //[2, 3, 4, 5]
复制代码

Array.reduce()和Array.reduceRight()

arr.reduce(関数(合計、CUR、インデックス、ARR){}はinitialValue)どちらの方法すべての反復配列、および最終的な戻り値を生成します。アキュムレータは、右から左に、左から右reduceRightに減らします。

  • 総初期値、また、コールバック関数が返すの積算値、または開始値。
  • アレイ内のCUR現在の配列エントリが処理されています。
  • 配列内の現在のインデックス値インデックス配列アイテム。
  • 配列元の配列。
  • デフォルトでは、合計は、最初の引数を最初のパフォーマンス表し、CURは、二番目のパラメータを表します。initialValue()の呼び出し、等しく、そして第一の値CURVALUEアレイに等しい最初preValueはinitialValueを減らす場合に提供されている;はinitialValueは場合preValue配列の最初の値に等しい次いで、設けられていません。
let arr = [0,1,2,3,4]
let arr1 = arr.reduce((total, cur) => 
    return total + cur;
)
console.log(arr1)    // 10
复制代码

Array.every()

条件はすべてのアイテムが条件を満たすようにしている場合にのみ成立しているかどうかを判断するために、アレイ内の各アイテムには、trueを返します。

let arr = [1,2,3,4,5]
let arr1 = arr.every( (i, v) => i < 3)
console.log(arr1)    // false
let arr2 = arr.every( (i, v) => i < 10)
console.log(arr2)    // true
复制代码

Array.some()

そして、すべてのメソッドは、メソッドの兄弟とみなされるべきです。限りが一致しているように、trueを返します。

let arr = [1,2,3,4,5]
let arr1 = arr.some( (i, v) => i < 3)
console.log(arr1)    // true
复制代码

()を見つけます

アレイ内の各要素の方法は、アレイテスト(機能決意)の第1の要素の戻り値によって実行される機能を呼び出します。

let arr = [1,2,3,4,5,2,4]
let arr1 = arr.find((value, index, array) =>value > 2)
console.log(arr1)   // 3
复制代码

findIndex()

let arr = [1,2,3,4,5]
let arr1 = arr.findIndex((value, index, array) => value = 1)
console.log(arr1)  // 0
复制代码

Array.includes(seachVal、インデックス)

そうtrueを返す場合、配列は、指定された値を含むかどうかを決定するために使用される方法、それ以外の場合はfalse。

  • 検索の値を検索するには
  • 負の場合seachValインデックスはArray.lengthと+ fromIndexのインデックス検索から始まる昇順で、次のテーブルからの開始を示して下さい。デフォルトは0です。
let arr = [1,2,3,4,5]
let arr1 = arr.includes(2)  
console.log(arr1)   // ture
let arr2 = arr.includes(6) 
console.log(arr2)    // false
let arr3 = [1,2,3,NaN].includes(NaN)
console.log(arr3)  // true
let arr4 = ["a","b","c","d"];
let result = arr4.includes("b",-1);
console.log(result);  // false
let arr5 = ["a","b","c","d"];
let result1 = arr5.includes("b",-3);
console.log(result1);  // true
复制代码

ます。https://juejin.im/post/5cf631756fb9a07ec42b47faで再現

おすすめ

転載: blog.csdn.net/weixin_33725515/article/details/91455731