js配列法、覚えていますか?

2018.05.21
最近プロジェクトをしているとき、いろいろな方法を覚えていないような気がします.だから急いで補充して...
セクション1:配列自体のメソッド
よく使われる方法は、前に示す.

toString()

役割:配列の各項目のtoString()メソッドを呼び出し、カンマで区切られた文字列を返します.
パラメータ:なし
戻り値:変換後の文字列
元の配列が変更されたかどうか:いいえ

let arr = ['a','b','c','d']
let arr1 = arr.toString();
console.log(arr) // ["a", "b", "c", "d"]
console.log(arr1) // a,b,c,d

join()

≪アクション|Actions|emdw≫:配列を文字列に変換します.
パラメータぱらめーた:区切り文字ぶんかつもじ
戻り値:結合後の文字列
元の配列が変更されたかどうか:いいえ

join()  ，        toString()  。         (     )    。
let arr = [1, 2, {name: "zhangsan"}, 3];
let arr1 = arr.join('-');
console.log(arr);//[1, 2, Object, 3]
console.log(arr1) // 1-2-[object Object]-3

push()

作用:配列の末尾に要素を追加する配列の末尾に要素を追加する
パラメータ:任意のパラメータ
戻り値:変更された配列の長さ
元の配列が変更されたかどうか:Yes

let arr = ['a','b','c','d'];
let arr1 = arr.push('11');
console.log(arr) // ["a", "b", "c", "d", "11"]
console.log(arr1) // 5

pop()

作用:配列の最後の項目を除去
パラメータ:なし
戻り値:削除されたアイテム
元の配列が変更されたかどうか:Yes

let arr = ['a','b','c','d'];
let arr1 = arr.pop();
console.log(arr) // ["a", "b", "c"]
console.log(arr1) // d

unshift()

作用:配列の先頭に要素を追加
パラメータ:任意
戻り値:変更された配列の長さ
元の配列が変更されたかどうか:Yes

let arr = ['a','b','c','d'];
let arr1 = arr.unshift('11');
console.log(arr) // ["11", "a", "b", "c", "d"]
console.log(arr1) // 5

shift()

≪アクション｜Action｜ldap≫:配列の最初のアイテムを削除します.
パラメータ:なし
戻り値:削除されたアイテム
元の配列が変更されたかどうか:Yes

let arr = ['a','b','c','d'];
let arr1 = arr.shift();
console.log(arr) // ["b", "c", "d"]
console.log(arr1) // a

reverse()

作用:配列の順序を反転
パラメータ:なし
戻り値:順序を反転した配列
元の配列が変更されたかどうか:Yes

let arr = ['a','b','c','d'];
let arr1 = arr.reverse();
console.log(arr) // ["d", "c", "b", "a"]
console.log(arr1) // ["d", "c", "b", "a"] 

concat()

作用:配列を結合
パラメータ:任意
戻り値:連結後の配列
元の配列が変更されたかどうか:いいえ

let arr = ['a','b','c','d'];
let arrCopy = arr.concat('e',[1,2,3]);
console.log(arr) // ["a", "b", "c", "d"]
console.log(arrCopy) // ["a", "b", "c", "d", "e", 1, 2, 3]

slice()

作用:部分配列を切り取る
パラメータぱらめーた:開始下付きおよび終了下付き
戻り値:切り取った配列の一部を返します.終了位置の項目は含まれません.
元の配列が変更されたかどうか:いいえ

let arr1 = arr.slice(1,3)
console.log(arr) // ["a", "b", "c", "d"]
console.log(arr1) // ["b", "c"]

splice()

役割:配列の実装:削除、挿入、置換機能.
パラメータ:以下を参照
≪戻り値｜Return Value｜ldap≫:変更されたアイテムを返します.
元の配列が変更されたかどうか:Yes

  ：          ，     2   ：                 。  ， splice(0,2)          。

  ：               ，     3    ：    、 0（      ）      。  ，splice(2,0,4,6)          2     4 6。

  ：               ，           ，     3    ：    、                 。               。  ，splice (2,1,4,6)          2   ，       2     4 6。

//   
let arr = ['a','b','c','d'];
let arrRemoved = arr.splice(0,2);
console.log(arr) // ["c", "d"]
console.log(arrRemoved) // ["a", "b"]

//   
let arr = ['a','b','c','d'];
let arrInsert = arr.splice(2,0,4,6);
console.log(arr) // ["a", "b", 4, 6, "c", "d"]
console.log(arrInsert) // []

//   
let arr = ['a','b','c','d'];
let arrReplace = arr.splice(2,1,4,6);
console.log(arr) // ["a", "b", 4, 6, "d"]
console.log(arrReplace) // ["c"]

indexOf()およびlastIndexOf()

≪アクション｜Action｜ldap≫:対応するアイテムの索引を返します.
パラメータぱらめーた:1つまたは2つのパラメータ1つまたは2つのぱらめーた
戻り値:
元の配列が変更されたかどうか:なし

indexOf()：      ：      （   ）           。  ，       （   0）      。 

lastIndexOf：      ：      （   ）           。  ，             。

                    ，            -1。                 ，        。

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

forEach()

≪アクション|Actions|emdw≫:配列内の各項目に対して、指定した関数を実行します.
パラメータ:パラメータはfunction関数です.関数のパラメータは、値、インデックス、配列自体です.
戻り値:なし(したがってcallbackにreturnを付けないと効果は同じ)
元の配列が変化するかどうか:これは不確定です.実行されるコールバック関数に関係します.

let arr = [1,2,3,4,5];
let arr1 = arr.forEach(function(item,index,array){
    array[index] = item * 10
})
console.log(arr) //  [10,20,30,40,50]
console.log(arr1) // undefined

map()

役割:mapは「マッピング」です.配列内の各項目に対して所定の関数を実行する
パラメータ:パラメータはfunction関数です.関数パラメータは、値、インデックス、配列自体です.
戻り値:関数を呼び出した後の結果からなる配列
元の配列が変更されたかどうか:いいえ

let arr = [1,2,3,4,5];
let arr1 = arr.map(function(item,index,array) {
   return item = item * 10
})
console.log(arr) // [1, 2, 3, 4, 5]
console.log(arr1) // [10,20,30,40,50]

filter()

作用:「濾過」.配列の各項目に対して、指定した関数を実行します.
パラメータ:パラメータはfunction関数です.関数には、値、インデックス、配列自体の3つのパラメータがあります.
戻り値:関数を呼び出した後の結果からなる配列.
元の配列が変更されたかどうか:不明です.実行する関数と関係があるからです.

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

every()

役割:配列の各項目が条件を満たしているかどうかを判断します.
パラメータ:パラメータは関数functionです.関数には、値、インデックス、配列自体の3つのパラメータがあります.
戻り値:配列内のすべてのアイテムが条件を満たしている場合、trueが返されます.
元の配列が変更されたかどうか:実行された関数に関連するため、不確定です.

let arr = [1,2,3,4,5];
let arr1 = arr.every(function(item,index) {
   return item < 10
})
console.log(arr) // [1, 2, 3, 4, 5]
console.log(arr1) // true

some()

役割:配列に条件を満たす項目があるかどうかを判断します.
パラメータ:パラメータは関数functionです.関数には、値、インデックス、配列自体の3つのパラメータがあります.
戻り値:trueを返すには、配列内の条件を満たすものがあります.
元の配列が変更されたかどうか:実行された関数に関連するため、不確定です.

let arr = [1,2,3,4,5];
let arr1 = arr.some(function(item,index) {
   return item < 2
})
console.log(arr) // [1, 2, 3, 4, 5]
console.log(arr1) // true

reduce()およびreduceRight()

≪アクション|Actions|emdw≫:配列のすべてのアイテムを反復し、最終的に返される値を構築します.
パラメータ:callback[,initialValue]
戻り値:配列反復後、全体的な反復結果.
元の配列が変更されたかどうか:実行された関数に関連するため、不確定です.

reduce()           ，       。  reduceRight()           ，        。

    ：
callback    ，     （prev, cur, index, array）
prev     ，（initialValue ||       ||         ）
cur      
index        
array       
initialValue       ，           


//     
let arr = [1, 2, 3];
let sum = arr.reduce((prev, cur, index, array) => {
    return prev + cur;
});
console.log(arr, sum); // [ 1, 2, 3 ] 6

//  initialValue       
let sum1 = arr.reduce((prev, cur, index, array) => {
    return prev + cur;
}, 10);
//      ：10+1+2+3
console.log(arr, sum1); // [ 1, 2, 3 ] 16

sort()

作用:配列を昇順に整列
≪パラメータ｜Parameters｜oem_src≫:≪パラメータなし｜Default No Parameters｜oem_src≫の■比較関数の受信｜Receive Compare Function□
戻り値:昇順後の配列
元の配列が変更されたかどうか:Yes

let arr = ['b','c','d','a'];
let arr1 = arr.sort();
console.log(arr); // ["a", "b", "c", "d"]
console.log(arr1) // ["a", "b", "c", "d"]

    ，sort()           toString()    ，          ，       。             ，sort()          ，            
let array = [13, 24, 51, 3];
let array1 = array.sort();
console.log(array); // [13, 24, 3, 51]
console.log(array1) // [13, 24, 3, 51]

        ：sort            。          ，                       ，            0，                       。
function compare(value1, value2) {
if (value1 < value2) {
return -1;
} else if (value1 > value2) {
return 1;
} else {
return 0;
}
}
array = [13, 24, 51, 3];
console.log(array.sort(compare)); // [3, 13, 24, 51]

                   ，              ：
function compare(value1, value2) {
if (value1 < value2) {
return 1;
} else if (value1 > value2) {
return -1;
} else {
return 0;
}
}
array = [13, 24, 51, 3];
console.log(array.sort(compare)); // [51, 24, 13, 3]

find()

役割:配列内の最初の条件に一致する要素を検索し、その要素を返します.
パラメータ:パラメータは関数functionです.関数の3つのパラメータは、値、インデックス、配列自体です.
戻り値:条件に一致する最初の要素
元の配列が変更されたかどうか:関数に関連し、不確定です.

let arr = [1, 2, 3, 4, 5];
let arr1 = arr.find((item, index, array) => {
    return item > 2;
})
console.log(arr); // [1, 2, 3, 4, 5] 
console.log(arr1) // 3

findIndex()

≪アクション|Actions|emdw≫:配列内の最初の条件を満たす要素のインデックスを検索します.インデックスを返します.
パラメータ:パラメータは関数functionです.関数の3つのパラメータは、値、インデックス、配列自体です.
戻り値:条件に一致する最初の要素のインデックス
元の配列が変更されたかどうか:関数に関連し、不確定です.

let arr = [1, 2, 3, 4, 5];
let arr1 = arr.findIndex((item, index, array) => {
    return item > 2;
})
console.log(arr); // [1, 2, 3, 4, 5] 
console.log(arr1) // 2