ES6 アレイの使用法

1. forEach() は、for をループするために使用されます。

•  配列名.forEach(function (item,index,arr) {})
• item : 配列の各項目、index : 配列のインデックス、arr : 元の配列
• 関数: 配列を走査するために使用されます。

let arr = [1, 2, 3, 4];
console.log(arr);
let arr1 = arr.forEach((item, index, arr) => {
    console.log(item, index, arr);
})

2.mapマッピング配列

• 配列名.map(function (item,index,arr) {})
• item : 配列の各項目、index : 配列のインデックス、arr : 元の配列
• 機能: 元の配列と同じサイズの配列を返します。新しい配列の値は戻り値によって異なります。

let arr = [1, 2, 3, 4];
console.log(arr);
let arr1 = arr.map((item, index, arr) => {
    return item * 10
})
console.log(arr1);

結果グラフ: 

3.フィルターフィルター配列

• 配列名.filter(function (item,index,arr) {})
• item : 配列の各項目、index : 配列のインデックス、arr : 元の配列
• 機能: フィルタリングされた配列が返され、フィルタリング ルールは戻り値に応じて異なります。

以下の結果を見てください。これは、戻り値を満たす要素を新しい配列に返します。

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

結果 

 4. 配列がすべての条件を満たすかどうかを判断します

• 配列名.every(function (item,index,arr) {})
• item : 配列の各項目、index : 配列のインデックス、arr : 元の配列
• 機能: 配列内のすべての要素が条件を満たしているかどうかを判断するため、戻り値はブール値です

以下を参照して、配列の各要素が作成したルールを満たす場合は true を返し、いずれか 1 つが満たされない限り false を返すことを確認してください。

let arr = [1, 2, 3, 4];
console.log(arr);
let res = arr.every((item, index, arr) => {
    return item == 1;
})
console.log(res);

結果

 5. some() 配列に条件はありますか

• 配列名.some(function (item,index,arr) {})
• item : 配列の各項目、index : 配列のインデックス、arr : 元の配列
• 機能: 配列要素の少なくとも 1 つが条件を満たし、戻り値がブール値であるかどうかを判断します。

以下を参照してください。1 つが満たされていれば true が返され、すべてが満たされていない場合は false が返されます。

let arr = [1, 2, 3, 4];
console.log(arr);
let res = arr.some((item, index, arr) => {
    return item == 1;
})
console.log(res);

結果 

 6. find() は、配列内の条件を満たす最初のデータを取得するために使用されます。

• 配列名.find(function (item,index,arr) {})
• item : 配列の各項目、index : 配列のインデックス、arr : 元の配列
• 機能: 配列内の条件を満たすデータを取得するために使用されます。条件を満たす最初のデータがあれば、それが条件を満たすデータであり、ない場合は未定義です。

以下を参照してください。これは、条件を満たす最初の要素を返すことです。

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

結果

 7.reduce()の重ね合わせの効果

• 配列名.reduce(function (item,index,arr) {})
• prev:初めて結果があった時の最初の初期値、この値が初回の結果、 item : 配列の各項目、index : 配列のインデックス、arr : オリジナル配列
• 機能: 重ね合わせに使用され、戻り値は重ね合わせの結果です。

PS: prev 値は書き込まないでください。デフォルトは 0 です。

let arr = [1, 2, 3, 4];
console.log(arr);
let res = arr.reduce((prev, item, index, arr) => {
    return prev += item;
}, 10);
console.log(res);

結果