Menu
Coddy logo textTech

For Each

Coddyの「JavaScript の配列メソッド」コースのレッスン 10/18。

forEach() メソッドは、配列の各要素に対して提供された関数を一度ずつ実行する、配列の組み込み関数です。この関数はコールバック関数と呼ばれ、ログ出力、変更、情報の収集など、要素に対してさまざまな操作を実行できます。実行順序は、最初の要素(インデックス0)から最後までの順です。

果物の配列を作成し、forEach() を使用してその名前と価格をログに出力してみましょう:

const fruits = ["apple", "banana", "orange"];
const prices = [1.50, 0.75, 2.00];

fruits.forEach((fruit, index) => {
  console.log(`${fruit} - ${prices[index]}`);
}); 

/* 出力:  apple - $1.5
            banana - $0.75
            orange - $2  
*/

コールバック関数: この関数は3つの引数を取ります:

  • element: 現在処理されている要素。
  • index: 配列内の現在の要素のインデックス。
  • array: forEach() が呼び出された元の配列(オプション)。
challenge icon

チャレンジ

簡単

chocolates配列に示されているように、4人の子供たちがそれぞれ3個、4個、7個、2個のチョコレートを持っています。

あなたのタスクは、各子供のチョコレートの量を2倍にし、その配列をログに出力するJavaScriptコードを書くことです。

自分で試してみよう

let chocolates = [3, 4, 7, 2];

// ここにコードを記述してください

JavaScript の配列メソッドのすべてのレッスン