Map() メソッドによる配列の変換
メニューを表示するにはスワイプしてください
このセクションでは、日常のコーディングで使用される基本的な配列メソッドである map()、filter()、find()、reduce()、sort() について解説します。まずは map() から始めます。
すべての配列メソッドの詳細な一覧は、公式の MDN ドキュメント を参照してください。
map()
map() メソッドは、配列の各要素をループ処理し、コールバック関数の戻り値に基づいて新しい配列を作成します。
array.map((element, index, array) => {
// Callback body
});
element: 現在の要素index: 配列内の位置array: 元の配列
12345const products = ["Ball", "Shoes", "Mouse"]; const modifiedProducts = products.map((element, index, array) => { console.log(`Element: ${element}, Index: ${index}, Array: ${array}`); });
map() に関する重要なポイント:
- 各要素を処理;
- 元の配列を変更しない;
- 新しい配列を返す;
- 結果の配列の長さは元と同じ。
配列要素の変換
map() メソッドは、元の配列を変更せずに配列内のすべての要素を変換したい場合に有効。次の例を参照:
12345678910const numbers = [3, 5, 11, 32, 87]; /* Use the `map` method to create a new array (`doubledNumbers`) by doubling each element of the `numbers` array. */ const doubledNumbers = numbers.map((element) => { return element * 2; }); console.log("Initial array:", numbers); // Output: 3, 5, 11, 32, 87 console.log("Modified array:", doubledNumbers); // Output: 6, 10, 22, 64, 174
1. map() メソッドは何をしますか？
2. map() メソッドの主な特徴は何ですか？
3. 次の例で、strings.map((element) => (element += "!")) は何をしますか？
すべて明確でしたか？
フィードバックありがとうございます！
セクション 5. 章 1
AIに質問する
AIに質問する
何でも質問するか、提案された質問の1つを試してチャットを始めてください
セクション 5. 章 1
