More than 3 years have passed since last update.

Object.keys(obj).reduceで新しいオブジェクトを作る

Last updated at 2021-03-10Posted at 2021-03-10

あるオブジェクトがある。

const fruits = {
 apple: '赤',
 orange: '橙',
 lemon: '黄'
}

このオブジェクトのキーを利用して新しいオブジェクトを作りたい時にObject.keys(obj).reduceを使用する。

const fruit2 = Object.keys(fruits).reduce((acc, key) => ({
 ...acc,
 [key]: '果物'
}), {})

// { apple: '果物', orange: '果物', lemon: '果物' }

reduce関数は第1引数に配列一つ一つに対して実行したい処理を、第2引数に初期値を設定する。