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()が呼び出された元の配列(オプション)。
チャレンジ
簡単chocolates配列に示されているように、4人の子供たちがそれぞれ3個、4個、7個、2個のチョコレートを持っています。
あなたのタスクは、各子供のチョコレートの量を2倍にし、その配列をログに出力するJavaScriptコードを書くことです。
自分で試してみよう
let chocolates = [3, 4, 7, 2];
// ここにコードを記述してください