객체 순회 | Notion

javascript에서 객체를 순회하는 방법은 여러가지가 있다.

ECMAScript 5에서는 Object.keys() 와 Array.prototype.forEach() 결합 할 수 있습니다.

var obj = { first: "John", last: "Doe" };

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

ES6는 다음 for...of 추가 for...of :

for (const key of Object.keys(obj)) {
    console.log(key, obj[key]);
}

ES2017은 원래 객체의 각 값을 조회하지 않아도되는 Object.entries() 를 추가합니다.

Object.entries(obj).forEach(
    ([key, value]) => console.log(key, value)
);

Object.keys() 와 Object.entries() 는 for...in 루프와 같은 순서로 속성을 반복 하지만 프로토 타입 체인은 무시합니다 . 개체의 자체 열거 가능 속성 만 반복됩니다.

편집 : ES2016 → ES6