配列のメソッドパート4

CoddyのJavaScriptジャーニー「基礎」セクションの一部。レッスン 69/77。

さらに便利な配列メソッドを紹介します。

1. map(callback)：呼び出し元の配列の各要素に指定した関数を適用した結果を格納する、新しい配列を作成します。

let numbers = [1, 2, 3];
let doubled = numbers.map(num => num * 2);
console.log(doubled); // 出力: [2, 4, 6]

2. filter(callback): 指定された関数によるテストに合格したすべての要素を含む新しい配列を作成します。

let numbers = [1, 2, 3, 4, 5];
let evenNumbers = numbers.filter(num => num % 2 === 0);
console.log(evenNumbers); // 出力: [2, 4]

3. reduce(callback, initialValue): 配列の各要素に対してリデューサー関数を実行し、単一の出力値を生成します。

let numbers = [1, 2, 3, 4];
let sum = numbers.reduce((acc, num) => acc + num, 0);
console.log(sum); // 出力: 10

チャレンジ

簡単

配列 numbers = [1, 2, 3, 4, 5] が与えられています。次の手順を実行し、結果を直接出力してください。

自分で試してみよう

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

腕試し

このレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。

基礎のすべてのレッスン

1はじめに

4演算子パート2

7割り勘計算機

10ひねりを加えた FizzBuzz

13買い物リスト・トラッカー