JavaScriptの配列反復メソッド
JavaScriptの配列には、データを扱うための多くのツールが用意されています。クリーンなコードを書くために、これらのメソッドを習得しておくべきです。
forEach() 各要素に対して関数を実行します。 let nums = [10, 20, 30]; nums.forEach(num => console.log(num));
map() すべての要素を変換して、新しい配列を作成します。 let nums = [1, 2, 3]; let result = nums.map(num => num * 2); // [2, 4, 6]
flatMap() 各要素をマップし、その結果を平坦化します。 let arr = [1, 2, 3]; let result = arr.flatMap(num => [num, num * 2]); // [1, 2, 2, 4, 3, 6]
filter() テストをパスする要素を含む、新しい配列を作成します。 let nums = [10, 20, 30, 40]; let result = nums.filter(num => num > 20); // [30, 40]
reduce() すべての要素を1つの値に集約します。 let nums = [10, 20, 30]; let result = nums.reduce((total, num) => total + num, 0); // 60
reduceRight() reduceと同様に動作しますが、配列の末尾から開始します。 let arr = ["A", "B", "C"]; let result = arr.reduceRight((acc, value) => acc + value); // CBA
every() すべての要素がテストをパスする場合に true を返します。 let nums = [10, 20, 30]; let result = nums.every(num => num > 5); // true
some() 少なくとも1つの要素がテストをパスする場合に true を返します。 let nums = [10, 20, 30]; let result = nums.some(num => num > 25); // true
from() 反復可能なオブジェクトから配列を作成します。 let result = Array.from("Hello"); // ['H', 'e', 'l', 'l', 'o']
keys() 配列のキーを持つイテレータを返します。 let fruits = ["Apple", "Mango", "Orange"]; let result = fruits.keys(); // 0, 1, 2
entries() キーと値のペアを持つイテレータを返します。 let fruits = ["Apple", "Mango", "Orange"]; let result = fruits.entries(); // [0, 'Apple'], [1, 'Mango']...
with() 1つの要素を変更した新しい配列を返します。 let fruits = ["Apple", "Mango", "Orange"]; let result = fruits.with(1, "Grapes"); // ['Apple', 'Grapes', 'Orange']
Spread (...) 配列の要素を展開します。 let arr1 = [1, 2]; let arr2 = [3, 4]; let result = [...arr1, ...arr2]; // [1, 2, 3, 4]
Rest (...) 複数の要素を1つの配列にまとめます。 function showNumbers(...nums) { console.log(nums); } showNumbers(10, 20, 30); // [10, 20, 30]
出典: https://dev.to/ezhil_abinayak_e38eec8fb/array-iteration-methods-in-javascript-20mc