[JavaScript] オブジェクトの要素を全件取得する

投稿日：2018年6月5日更新日：2018年6月24日

オブジェクト（連想配列）の要素を全件取得するサンプルです。

サンプルソース

例）オブジェクトobjの全要素のキーと値を表示する

//オブジェクト
var obj = {
  key1: 'みかん',
  key2: 'りんご',
  key3: '桃',
  key4: 'ぶどう',
  key5: '柿'
};

//オブジェクトの全要素を処理する
Object.keys(obj).forEach(function(key){
  //キーと値をコンソールに表示する
  console.log(key + "⇒" + obj[key]);
});

//オブジェクト

var obj = {

key1: 'みかん',

key2: 'りんご',

key3: '桃',

key4: 'ぶどう',

key5: '柿'

};

//オブジェクトの全要素を処理する

Object.keys(obj).forEach(function(key){

//キーと値をコンソールに表示する

console.log(key + "⇒" + obj[key]);

});

（結果）: key1⇒みかん key2⇒りんご key3⇒桃 key4⇒ぶどう key5⇒柿

解説

Object.keys(obj).forEachを使うと、オブジェクトの全要素を取得できます。
オブジェクトの配列の要素を全件取得したい場合は、以下記事をご覧ください。
⇒[JavaScript] オブジェクトの配列の要素を全件取得する

執筆者：とら