オブジェクトのループ方法まとめ

2023年2月23日

備忘用にJavaScriptでのオブジェクトのループ（繰り返し）方法について簡単にまとめました。

配列のループ方法は下記のリンクにまとめています。

for文

keyを取得できる（下記例では「info」としている）。

const user = {
  name    : '桃太郎',
  age     : 16,
  address : '岡山県',
};

for( let info in user ){
  console.log(info, user[info]);
}

実行結果

// 'name' '桃太郎'
// 'age' 16
// 'address' '岡山県'

Object.keysでkeyを取得してループする。

const user = {
  name    : '桃太郎',
  age     : 16,
  address : '岡山県',
};

for( let info of Object.keys(user) ){
  console.log(info, user[info]);
}

実行結果

// 'name' '桃太郎'
// 'age' 16
// 'address' '岡山県'

forは使用できない

配列で使ったfor文は、オブジェクトでは使用できません。

Object.keysでkeyを取得してループする。

const user = {
  name    : '桃太郎',
  age     : 16,
  address : '岡山県',
};

Object.keys(user).forEach((info) => {
 console.log(info, user[info])
})

実行結果

// 'name' '桃太郎'
// 'age' 16
// 'address' '岡山県'