INDEX
はじめに
![](https://techlog.site/wp-content/uploads/2024/02/nwe_icon.jpeg)
配列の各要素に対して指定した処理を行いmap関数を学びました!
その結果を執筆しました。
結論
配列の各要素に対して指定した処理を行い、その結果を新しい配列として返すメソッド
const hoge = list.map((各要素) => 指定した処理);
メリット
- for ループなどを使用する場合よりも、シンプルなコードを書くことができます
- 配列の各要素に対して同じ処理を実行する場合に非常に便利です
- 元の配列を変更せずに新しい配列を返すため、安全に配列を変更することができます
使い方
数字の配列の中身を2倍にするコードになります。
// 数字の配列
const numbers = [1, 2, 3, 4, 5];
// 配列の値を2倍にする
const double = numbers.map((num) => num * 2);
console.log(double);
出力結果を確認します。
[ 2, 4, 6, 8, 10 ]