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

投稿日：2018年6月24日

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

サンプルソース

例）オブジェクト配列「arr」の全要素のキーと値を表示する

//オブジェクトの配列
var arr = [{k1:'aaa',k2:'bbb'},{k1:'ccc',k2:'ddd',k3:'eee'},{k2:'fff'}];

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

//オブジェクトの配列

var arr = [{k1:'aaa',k2:'bbb'},{k1:'ccc',k2:'ddd',k3:'eee'},{k2:'fff'}];

//配列の全要素を処理する

arr.forEach(function(val, idx){

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

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

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

console.log("[" + idx + "個目] キー:" + key + " 値:" + val[key])

});

（結果）: [0個目] キー:k1 値:aaa [0個目] キー:k2 値:bbb [1個目] キー:k1 値:ccc [1個目] キー:k2 値:ddd [1個目] キー:k3 値:eee [2個目] キー:k2 値:fff

解説

配列.forEach を使うと、配列の全要素を取得できます。
Object.keys(obj).forEach を使うと、オブジェクトの全要素を取得できます。

執筆者：とら