配列をプリミティブ型で操作する


配列内の値をプリミティブ型で操作します。

String型に統一する

const items = [1, 2, 3]
const strings = items.map(String)
console.log(strings) // ["1", "2", "3"]

Number型に統一する

const items = ['1', '2', '3']
const numbers = items.map(Number)
console.log(numbers) // [1, 2, 3] 

Boolean型に統一する

const items = [0, '', 'hello']
const booleans = items.map(Boolean)
console.log(booleans) // [false, false, true] 

【応用】falsyな値が複数ある場合

例えば配列にfalsyな値が複数存在している場合、Boolean型を使用すれば除外することができます。

const items = ['a', ' ', null, 'b', undefined]
const filterItems = items
  .map(x => {
    if (typeof x === 'string') return x.trim()
    return x
  })
  .filter(Boolean)
console.log(filterItems) // ["a", "b"]