JavaScript　配列をforEachを使って順に処理する方法

JavaScriptで配列をforEachを使って順に処理する方法について解説します。

forEachで配列を処理する方法を教えて下さい！

配列をループ処理するには、forEachを使うのが簡単です。
forEachを使うと、配列の各要素に対して処理を繰り返すことができますよ。

受講者数No.1！初心者からプロへ導く信頼のスクール

短期間で習得可能！未経験から実践力を磨く充実のプログラム

テックアカデミー 公式ページへ ≫

今なら無料相談でAmazonギフトカードがもらえる！

forEachを使った配列の処理方法

　forEachは、配列の各要素に対して処理を繰り返すために使用されます。

以下に４つのforEachを利用したサンプルを示します。

forEachで配列の要素を順に出力する

let numbers = [1, 2, 3, 4, 5];

numbers.forEach(function(number) {
  console.log(number);
});

　このサンプルでは、配列 numbers の要素を順に出力するために forEach を使用しています。forEach の第一引数には、配列の要素を受け取る関数を渡します。この関数は、配列の要素を受け取って処理を行います。

上記の例では、受け取った要素をそのまま console.log() で出力しています。

forEachで配列の要素をインデックス付きで出力する

let numbers = [1, 2, 3, 4, 5];

numbers.forEach(function(number, index) {
  console.log(index + ": " + number);
});

　このサンプルでは、配列 numbers の要素をインデックス付きで出力するために forEach を使用しています。forEach の第一引数には、配列の要素とインデックスを受け取る関数を渡します。

　この関数は、配列の要素とインデックスを受け取って処理を行います。上記の例では、インデックスと要素を文字列として結合して console.log() で出力しています。

forEachで配列の要素を足し算して出力する

let numbers = [1, 2, 3, 4, 5];
let sum = 0;

numbers.forEach(function(number) {
  sum += number;
});
console.log(sum);

　このサンプルでは、配列 numbers の要素を足し算して出力するために forEach を使用しています。forEach の第一引数には、配列の要素を受け取る関数を渡します。この関数は、配列の要素を受け取って処理を行います。

　上記の例では、受け取った要素をsum変数に加算しています。最後に、forEach処理が終わった後にsum変数をconsole.logで出力しています。

forEachで配列の要素を更新する

let numbers = [1, 2, 3, 4, 5];

numbers.forEach(function(number, index, array) {
  array[index] = number * 2;
});
console.log(numbers);

　このサンプルでは、配列 numbers の要素を更新するために forEach を使用しています。forEach の第一引数には、配列の要素、インデックス、そして配列自体を受け取る関数を渡します。

　この関数は、配列の要素を受け取って処理を行います。上記の例では、受け取った要素を2倍にした値を、インデックスで指定した位置に代入しています。

最後に、forEach処理が終わった後にnumbers配列をconsole.logで出力しています。

リスキリングでキャリアアップしてみませんか？

リスキリング(学び直し)は、経済産業省が推奨しており、

今だけ、最大７０％のキャッシュバックを受けることができます。

最大70％の給付金が出るおすすめのプログラミングスクール！

リスキリングで給付金が出るスクールを７つ紹介 ≫

国策で予算が決められているため申し込みが多い場合は早期に終了する可能性があります！

興味のある方はすぐに確認しましょう。

この記事のまとめ

forEachの利用方法について解説しました。

forEachを使用することで、配列の処理を簡単に行うことができます。

forEachを使って配列の要素を順番に処理することができました！