配列を操作するために一般的に使用されるメソッド

1、forEach - ループトラバーサル

forEach は、配列をループするために最も一般的に使用されるメソッドの 1 つです。配列の各要素の処理に使用できるコールバック関数を提供します。デフォルトでは戻り値はありません。コールバック関数のパラメータ。最初のパラメータは配列内の各項目、2 番目のパラメータは配列内の各項目の添字です。

var arr = [1, 2, 3, 4, 5, 6];
arr.forEach((item, index) => {
    console.log(item,index);
});
//输出结果：item ： 1 2 3 4 5 6 ， index： 0 1 2 3 4 5

2、concat () - ステッチ配列

配列を連結するために使用され、新しい配列を返します。このメソッドは元の配列を変更しません

var arr = [1, 2, 3, 4, 5, 6];
console.log(arr.concat([7, 8, 9]));
//输出结果：[ 1, 2, 3, 4, 5, 6, 7, 8, 9 ]


var arr1 = [1, 2, 3, 4, 5, 6];
var arr2 = [7, 8, 9]
var arr3 = arr1.concat(arr2)
console.log(arr1);      //[ 1, 2, 3, 4, 5, 6 ]
console.log(arr3);      //输出结果：[ 1, 2, 3, 4, 5, 6, 7, 8, 9 ]

3、filter () - フィルター配列

フィルターの戻り値は新しい配列です
フィルターはフィルター条件を直接返すことができます

let arr = [20, 50, 80]
/* 
   item：数组每一项
   index:数组每一项的x下标
   array:数组本身
*/
let newArr = arr.filter((item, index, array) => {
    return item >= 70
})
console.log(newArr);  
//返回筛选后的数组 [ 80 ]

4、slice () - 要素をインターセプトします

arrayObject の要素を最初から最後まで (排他的に) 含む新しい配列を返します。選択された要素を返します。このメソッドは元の配列を変更しません。

let arr = ['a', 'b', 'c', 'd', 'e', 'f', 'g']

console.log(arr.slice(0, 2));     // 返回值是被删除的元素['a','b']  
console.log(arr);                 //['a', 'b', 'c', 'd', 'e', 'f', 'g']

5、splice () - 配列内の属性を削除します

splice() メソッドは、インデックスから始まる 0 個以上の要素を削除し、それらの削除された要素をパラメータリストで指定された 1 つ以上の値に置き換えます。arrayObject から要素が削除された場合、削除された要素を含む配列が返されます。splice() メソッドは配列を直接変更します。

// splice-- 根据索引删除元素arr.splice(要删除的内容的下标,删除几个,需要替换的元素)

let arr = ['a', 'b', 'c', 'd', 'e', 'f', 'g']

console.log(arr.splice(0, 2, '123'));     // 返回值是被删除的元素['a','b']  
console.log(arr);          //最终数组 [ '123', 'c', 'd', 'e', 'f', 'g' ]


let arr = ['a', 'b', 'c', 'd', 'e', 'f', 'g']

console.log(arr.splice(0, 2, '123'));     // 返回值是被删除的元素[]  
console.log(arr);          //最终数组 ['a', 'b', 'c', 'd', 'e', 'f', 'g']

6、部分文字列（）と部分文字列（）

同じ点: パラメーターを記述するだけの場合、両方とも同じ機能を持ちます。両方とも、現在の添字から文字列の末尾までの文字列フラグメントをインターセプトします。

substr(startIndex);
部分文字列(開始インデックス);

let arr = '123456789'
console.log(arr.substr(2));        //'3456789'
console.log(arr.substring(2));     //'3456789'

違い: 2 番目のパラメータ

substr (startIndex, lenth): 2 番目のパラメータは、インターセプトされた文字列の長さです (特定の長さの文字列が開始点からインターセプトされます); substring (
startIndex, endIndex): 2 番目のパラメータは、インターセプトされた文字列の最後の添え字です(文字列を 2 つの位置の間でインターセプトします。「頭はあるが尾はありません」)。

let arr = '123456789'
console.log(arr.substr(2, 5));          //'34567'
console.log(arr.substring(2, 5));       //'345'

7.every()——配列に満足があるかどうかを判断します

すべての走査配列は通常、配列内に条件を満たす配列要素があるかどうかを判断するために使用されます。すべての要素が走査された後、条件を満たすすべての要素の戻り値は true で、いずれかが満たされない場合は false を返します。。

var arr = [1, 2, 3, 4, 5, 6]
console.log(arr.every(item => item > 1));     

//输出结果：false

var arr = [1, 2, 3, 4, 5, 6]
console.log(arr.every(item => item > 0));     

//输出结果：true

8. some()——条件を満たすものがあれば戻り値はtrue、条件を満たさない場合はfalseになります。

some メソッドは、every メソッドとよく似ており、すべての要素を走査した後、条件を満たすすべての要素の戻り値は true になり、1 つが満たされない場合は false を返します。


var arr = [1, 2, 3, 4, 5, 6]
console.log(arr.every(item => item > 6));     

//输出结果：false

var arr = [1, 2, 3, 4, 5, 6]
console.log(arr.every(item => item > 3));     

//输出结果：true

9、push () - 配列の末尾から追加します

Push は配列の末尾から追加され、戻り値は配列の長さになり、元の配列が変更されます。

var arr = [1, 2, 3, 4, 5]
console.log(arr.push(6, 7));        // 7 arr数组的长度 
console.log(arr);                   //输出结果：[1, 2, 3, 4, 5, 6, 7]

10、unshift() - 配列の先頭から追加します

Unshift は配列の先頭から追加され、戻り値は配列の長さになります。これにより、元の配列が変更されます。

var arr = [1, 2, 3, 4, 5]
console.log(arr.unshift(6, 7));        // 7 arr数组的长度 
console.log(arr);                   //输出结果：[ 6, 7, 1, 2, 3, 4, 5 ]

11、pop() - 配列の末尾から削除

Pop は配列の末尾から削除され、戻り値は削除された値になります。これにより、元の配列が変更されます。

var arr = [1, 2, 3, 4, 5]
console.log(arr.pop());        // 5 删除的值
console.log(arr);              //输出结果：[ 1, 2, 3, 4 ]

12.reduce—配列の合計

配列を合計する

var arr = [1, 2, 3, 4, 5]
console.log(arr.reduce((sum, val) => sum + val, 0));        // 输出结果  15

13、reverse () - 逆配列

reverse 配列を逆順にソートします

var arr = [1, 2, 3, 4, 5]
console.log(arr.reverse());        // 输出结果  [ 5, 4, 3, 2, 1 ]

14、ソート() - ソート

Unicode コード位置で並べ替え (デフォルトでは昇順)

let str = ['a', 'q', 'c', 'l']
console.log(str.sort());

let arr = [2, 10, 25, 55]
console.log(arr.sort());

15.indexO ( ) f および lastIndexOf () - ルックアップ値

どちらも、検索値と検索開始位置の 2 つのパラメータを受け入れます。パラメータ
が存在しない場合は -1 を返し、存在する場合は位置を返します。IndexOf は前から後ろに検索し、lastIndexOf は後ろから前に検索します。

の指標（）

let arr = [1, 9, 3, 4, 5]
console.log(arr.lastIndexOf(3));        //2
console.log(arr.lastIndexOf(7));        //-1

lastIndexOf （）

let arr = [2, 5, 9, 2]
console.log(arr.lastIndexOf(2));           //3
console.log(arr.lastIndexOf(7));           //-1
console.log(arr.lastIndexOf(2, 3));        //-1
console.log(arr.lastIndexOf(2, 2));        //-1
console.log(arr.lastIndexOf(2, -2));       //-1
console.log(arr.lastIndexOf(2, -1));       //-1

16. findIndex() - 条件を満たす配列内の最初の属性を検索し、添字を返します。

findIndex メソッドと find メソッドは似ており、どちらも条件を満たす最初の値を検索し、配列のループを継続しません。
findIndex メソッドは、条件を満たす最初の要素の添字を返します。

var arr = [1, 2, 3, 4, 5]
var index = arr.findIndex(item => {
    return item == 3
})
//返回第一个满足条件元素的下标
console.log(index);

17. 配列から文字列へ

arr.toString(): 配列を文字列に変換します
arr.toLocaleString(): 配列を文字列に変換します
arr.join(): 配列を文字列に変換します。接続にはさまざまな記号を渡すことができます。デフォルトではカンマで接続します。

var arr = [1, 2, 3, 4, 5]
console.log(arr.join('|'));                 //输出结果：1|2|3|4|5
console.log(arr.toLocaleString());          //输出结果：1,2,3,4,5
console.log(arr.toString());                //输出结果：1,2,3,4,5