オブジェクトをforEachメソッドで操作する - JavaScript

published:

forEach と Object.keys() メソッドを用いて、オブジェクトの反復処理を行う。

var obj = {
  hoge: 'a',
  huga: 'b'
};

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

// console.log:
// hoge: a
// huga: b

forEach

forEach メソッドは配列の各要素に対して指定された関数を呼び出す。
コールバック関数は、3つの引数(要素の値、要素のインデックス、要素を格納している配列)を受け取る。

['hoge', 'huga'].forEach(function(value, index) {
  console.log('value: ' + value + ' index: ' + index);
});

// console.log:
// value: hoge index: 0
// value: huga index: 1

Object.keys()

Object.keys() メソッドは指定されたオブジェクトの列挙できるプロパティを配列で返す。

var obj = {
  hoge: 'a',
  huga: 'b'
};
var result = Object.keys(obj);
console.log(result); // ["hoge", "huga"]

Previous Article

Next Article