JavaScriptのループと配列: コード例と共に原因の分析と方法の解説

1. ループによる配列の反復処理:

   • forループ: for文を使用して配列の要素を順番に処理します。

     const array = [1, 2, 3, 4, 5];
     for (let i = 0; i < array.length; i++) {
     console.log(array[i]);
     }

   • 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); // [2, 4, 6, 8, 10]

3. 条件に基づく要素のフィルタリング:

   • filterメソッド: 条件を満たす要素だけを抽出した新しい配列を作成します。

     const array = [1, 2, 3, 4, 5];
     const filteredArray = array.filter((element) => {
     return element % 2 === 0;
     });
     console.log(filteredArray); // [2, 4]

4. 配列の要素の合計や集計:

   • reduceメソッド: 配列の要素を累積していく処理を行います。

     const array = [1, 2, 3, 4, 5];
     const sum = array.reduce((accumulator, current) => {
     return accumulator + current;
     }, 0);
     console.log(sum); // 15

これらの方法を使って、JavaScriptで配列を効果的に操作することができます。要件に応じて適切な方法を選択し、柔軟にコードを記述してください。