JavaScriptのコレクション処理メソッド: コード例とともに約1000語の解説


  1. forEachメソッド: このメソッドは、配列の要素ごとに指定した関数を実行します。

    const array = [1, 2, 3, 4, 5];
    array.forEach(element => {
     console.log(element);
    });
  2. mapメソッド: このメソッドは、配列の各要素に対して指定した関数を適用し、新しい配列を作成します。

    const array = [1, 2, 3, 4, 5];
    const newArray = array.map(element => {
     return element * 2;
    });
    console.log(newArray);
  3. filterメソッド: このメソッドは、指定した条件を満たす要素だけを含む新しい配列を作成します。

    const array = [1, 2, 3, 4, 5];
    const filteredArray = array.filter(element => {
     return element % 2 === 0;
    });
    console.log(filteredArray);
  4. reduceメソッド: このメソッドは、配列の要素を結合して単一の値を生成します。

    const array = [1, 2, 3, 4, 5];
    const sum = array.reduce((accumulator, element) => {
     return accumulator + element;
    }, 0);
    console.log(sum);
  5. findメソッド: このメソッドは、指定した条件に一致する最初の要素を返します。

    const array = [1, 2, 3, 4, 5];
    const foundElement = array.find(element => {
     return element > 3;
    });
    console.log(foundElement);

これらはJavaScriptのコレクション処理メソッドの一部ですが、非常に便利で頻繁に使用されます。他にも、sortメソッドやsomeメソッドなど、さまざまなメソッドがあります。適切なメソッドを選択して、効率的にコレクションを処理することができます。