🍉

【JavaScript】mapメソッドとは(備忘録)

2023/03/18に公開

1.map()メソッドとは

配列内の全要素を更新し、更新された新しい配列を生成するメソッドです。

mapメソッドの文法
配列名.map((変数) => 変数に対する更新処理)

以下の場合、mapメソッドの使用は推奨されません。
・返された配列を使用しない場合
・コールバックから値を返さない場合

2.サンプルプログラム

〇例1

Sample_1.js
const array = [1, 2, 3, 4, 5];

// 配列の全要素に10を足す
const result = array.map(value => value += 10);
console.log(result);
結果
Array [11, 12, 13, 14, 15]

〇例2

Sample_2.js
const array = [1, 2, 3, 4, 5];

const result = array.map((value) => {
  	// 配列の要素数が5個以上の場合、全要素が更新された新しい配列を返す
	if (array.length >= 5) {
		return value += 10;
	} else {
		// それ以外の場合、元の配列を返す
		return value;
	}
});

console.log(result);
結果
Array [11, 12, 13, 14, 15]

3.参考

mapメソッドとは

Discussion