配列のメソッド パート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] が与えられています。以下の手順を実行し、その結果を直接出力してください。
map()を使用して、各数値を3倍にした新しい配列を作成し、その結果を出力してください。filter()を使用して、3より大きい数値のみを含む新しい配列を作成し、その結果を出力してください。
チートシート
データの変換とフィルタリングのための配列メソッド:
map(callback): すべての要素に関数を適用して新しい配列を作成します:
let numbers = [1, 2, 3];
let doubled = numbers.map(num => num * 2);
console.log(doubled); // 出力: [2, 4, 6]filter(callback): テストに合格した要素で新しい配列を作成します:
let numbers = [1, 2, 3, 4, 5];
let evenNumbers = numbers.filter(num => num % 2 === 0);
console.log(evenNumbers); // 出力: [2, 4]reduce(callback, initialValue): 配列を単一の値に集約します:
let numbers = [1, 2, 3, 4];
let sum = numbers.reduce((acc, num) => acc + num, 0);
console.log(sum); // 出力: 10自分で試してみよう
let numbers = [1, 2, 3, 4, 5];
腕試しこのレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。
