[TypeScript]map()で配列(array)の特定の要素を置換する(replace element)には？

どうも、ちょげ(@chogetarou)です。

map()を使って配列(array)の特定の要素を置換する方法を紹介します。

方法

map()を使って配列(array)の特定の要素を置換するには、条件分岐を使います。

まず、配列からmap()を呼び出します。

map()の引数に、１つの引数を持つ関数を指定します。

関数の処理で、引数が特定の要素と等しいかで条件分岐します。

そして、引数が特定の要素と等しいときは置換後の新しい値、異なる場合は引数を返します。

//arr=対象の配列, value=置換する要素の値, newValue=要素の新しい値
const result = arr.map((item) => item === value ? newValue : item)

//if文を使う場合
const result = arr.map(function(item) {
   if (item === value) {
    return newValue
   } 
   return item;
});

上記のmap()は、配列(array)の特定の要素を全て置換した結果を返します。

const nums = [1, 1, 2, 1, 2, 1, 3, 3, 4, 5];

const result = nums.map((item) => item === 1 ? 0 : item)

console.log(result)

出力：
[0, 0, 2, 0, 2, 0, 3, 3, 4, 5]