[TypeScript] 便利な関数(map)の使い方

typescript-map
INDEX

はじめに

配列の各要素に対して指定した処理を行い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 ]
よかったらシェアしてね!
  • URLをコピーしました!

この記事を書いた人

Born in 1994
Engineer's career is from 2020.10
Skill: Next.js, TypeScript, Django, Python, HTML, CSS

INDEX