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

for ... in を使う

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

Object.keys()Array.forEach を使う

Object.keys(obj).forEach(function (key) {
  console.log(key, obj[key]);
})

Object.entries()Array.forEach を使う

Object.entries(obj).forEach(function (key, value) {
  console.log(key, value);
})

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

for (let [key, value] 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

Tagged:

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です