オブジェクトのプロパティを繰り返しで処理する方法 [JavaScript]

オブジェクトのプロパティを繰り返しで処理する方法

for ... in を使う

for (let key in obj) {
  console.log(key, obj)
}

Object.keys() と Array.forEach を使う

Object.keys(obj).forEach((key) => {
  console.log(key, obj)
})

Object.entries() と Array.forEach を使う

Object.entries(obj).forEach(() => {
  console.log(key, value)
})

Object.entries() と for ... of を使う

for (let  of Object.entries(obj)) {
  console.log(key, value)
}

参考：

JS の Object を forEach で処理する方法 – Qiita

連想配列 (オブジェクト) を forEach でループさせたい。| かもメモ

JavaScript で配列やオブジェクトをループする良い方法を真剣に検討してみた – Qiita

JavaScript の色々な for 文 – for・for-each・for-in・for-of  | いつ俺 〜いつから俺ができないと錯覚していた？〜

Object.entries() を使って Object -> 配列変換 – Qiita

Object.{values, entries} が実装された | JS.next

for | MDN

for…in | MDN

for…of | MDN

Array.prototype.forEach() | MDN

Object.entries() | MDN

Object.keys() | MDN

Object.values() | MDN

How do I enumerate the properties of a JavaScript object? – Stack Overflow

forEach と map の違い

参考：

Object.keys(that).forEach の描画で起こった問題点 – teratail

filter で処理をする

参考：

JavaScript のオブジェクトで反復処理を行なう方法 – Qiita

Javascript で filter の書き方のメモ | 牌語備忘録 pygo

object から特定要素を削除したいときの簡潔な記述方法は？ – teratail

Filter object properties by key in ES6 – Stack Overflow