ES6 の配列の反復処理の方法

2年 ago
綾乃, 一希
1 minute

ES6で配列を反復処理する方法

  1. for…ofループ：for…ofループを使うことで、配列の中の要素を一つずつ順番に処理することができます。例えば：
  2. const 配列 = [1, 2, 3];
    for (let 値 of 配列) {
    console.log(値);
    }
  3. forEach()方法：使用forEach()方法可以对数组中的每个元素执行指定的操作。例如：
  4. const arr = [1, 2, 3];
    arr.forEach((item) => {
    console.log(item);
    });
  5. map()メソッド：map()メソッドを使うと、配列の各要素に指定した操作を実行し、新たな配列を返します。例えば：
  6. 定数が配列 [1, 2, 3] のとき、定数 newArr は arr 配列の各要素を 2 倍した配列になります。
  7. filter()メソッド:　filter()メソッドを使うと、指定した条件に基づいて配列の要素をフィルタリングし、新しい配列を返すことができます。例えば:
  8. const arr = [1, 2, 3, 4, 5];
    const newArr = arr.filter((item) => item % 2 === 0);
    console.log(newArr); // [2, 4]
  9. reduce()メソッド：reduce()メソッドを使えば、配列内の要素に累積したり他の操作を加えたりして、1つの結果を返すことが可能。例：
  10. const arr = [1, 2, 3, 4, 5];
    const sum = arr.reduce((合計, 要素) => 合計 + 要素, 0);
    console.log(sum); // 15

ES6の新しい配列メソッドで、配列の走査や操作をより便利にシンプルにできる。

bannerAds