💭

【JavaScript】map()

に公開
  • ある配列に対して、各要素を処理して新しい配列を作成する命令
  • 戻り値が配列になるので、定数/変数にそのまま代入もできる
  • 上記の場合、forEachをよりシンプルに記述できる
const prices = [100, 200, 300];

// forEach()を使った場合
const withTax = []; // 空の配列を定義
prices.forEach((price) => {
    withTax.push(price * 1.1); 
});

// map()を使った場合
const withTax = prices.map((price) => {
    return price * 1.1;
});

console.log(withTax);

// map()には、2つ目の引数として順番を渡すことができる
const withTax = prices.map((price, index) => {
    return price * 1.1;
    console.log(`${index}: ${price * 1.1}`);
});

Discussion