forEachメソッド

forEachメソッドは、配列のすべての要素を順番に繰り返し処理することができます。 このメソッドはパラメータとして関数を受け取り、 配列の各要素に対してその関数が実行されます。

この関数には3つのパラメータを渡すことができます。 これらのパラメータが存在する場合(必須ではありません)、 最初のパラメータには自動的に配列の要素が入り、 2番目のパラメータにはその配列内での番号(インデックス)が入り、 3番目のパラメータには配列自体が入ります。

構文

javascript配列.forEach(function(要素, インデックス, 配列) {
  すべての要素に対して実行されるコード
});

例

配列の要素をコンソールに出力してみましょう:

javascriptlet arr = [1, 2, 3, 4, 5];

arr.forEach(function(elem) {
  console.log(elem);
});

例

要素とその番号をコンソールに出力してみましょう:

javascriptlet arr = ['a', 'b', 'c', 'd', 'e'];

arr.forEach(function(elem, ind) {
  console.log(elem, ind);
});

例

配列要素の合計を求めてみましょう:

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

arr.forEach(function(elem) {
  sum += elem;
});

console.log(sum);

コードの実行結果:

javascript15

関連項目

  • mapメソッド,
    配列の各要素に関数を適用することもできます
  • filterメソッド,
    配列要素をフィルタリングすることができます
  • someメソッド とeveryメソッド,
    配列のチェックを実行します
  • reduceメソッドと reduceRightメソッド,
    配列を単一の値に畳み込みます