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

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

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

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

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

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

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

for…in – JavaScript | MDN

for…of – JavaScript | MDN

Array.prototype.forEach() – JavaScript | MDN

Object.entries() – JavaScript | MDN

Object.keys() – JavaScript | MDN

Object.values() – JavaScript | MDN

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

forEach と map の違い

参考:

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

Tagged:

コメントを残す

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