객체 속성 배열로 꺼내기 - Object.keys() , Object.values(), Object.entries()

Object.keys()

Object.keys() 메소드는 주어진 객체의 속성 이름들을 일반적인 반복문과 동일한 순서로 순회되는 열거할 수 있는 배열로 반환합니다.

const obj = {
    a : 'backpack',
    b : 'purse',
    c : 'coin'
};

console.log(Object.keys(obj)); // [ 'a', 'b', 'c' ]

---

Object.values()

Object.values() 메소드는 전달된 파라미터 객체가 가지는 (열거 가능한) 속성의 값들로 이루어진 배열을 리턴합니다. 이 배열은 for...in 구문과 동일한 순서를 가집니다.
(for in 반복문은 프로토타입 체인 또한 열거한다는 점에서 차이가 있습니다.)

const obj = {
    a : 'backpack',
    b : 'purse',
    c : 'coin'
};

console.log(Object.values(obj)); // [ 'backpack', 'purse', 'coin' ]

---

Object.entries()

Object.entries() 메서드는 for...in 와 같은 순서로 주어진 객체 자체의 enumerable 속성 [key, value] 쌍의 배열을 반환합니다.
(for-in루프가 다른점은 프로토 타입 체인의 속성도 열거한다는 점입니다).

[ ' key ' , ' value ' ] 의 형태를 가지고 있다.

const obj = {
    a : 'backpack',
    b : 'purse',
    c : 'coin'
};

console.log(Object.entries(obj)); // [ [ 'a', 'backpack' ], [ 'b', 'purse' ], [ 'c', 'coin' ] ]