Objectのloop

Objectのloopについて

Object.keys

keyを取り出す処理。そのままですね。

const obj = {
  number1: 1,
  number2: 2,
  number3: 3,
};
console.log(Object.keys(obj));// ['number1', 'number2', 'number3']

Object.values

valueを取り出す処理。こちらもそのまんま。

const obj = {
  number1: 1,
  number2: 2,
  number3: 3,
};
console.log(Object.values(obj));// [1, 2, 3]

Object.entries

keyとvalueを取り出します。両方が必要な時に。

const obj = {
  number1: 1,
  number2: 2,
  number3: 3,
};
console.log(Object.entries(obj));// [[number1,1],[number2,2],[number3,3]]

Object.entriesと分割代入

分割代入をすると、配列じゃなくて別々の変数で受け取れます。

const obj = {
  number1: 1,
  number2: 2,
  number3: 3,
};
Object.entries(obj).forEach(([key,value])=>console.log(`${key}が${value}`));
//number1が1
//number2が2
//number3が3

おまけ Object.fromEntries

以前の記事でも書いた気がするけど、entriesの逆バージョン。二次元配列をObjectにします。

console.log(Object.fromEntries([['number1',1],['number2',2],['number3',3]]));
//{number1: 1, number2: 2, number3: 3}

終わり

時間たった後に書くとあれってなるのでまとめ。