[2022.08.25] 자바스크립트 Object key, value

자바스크립태 객체의 키, 값을 가져오는 방법

const obj = {
  'melon' : 2000,
  'banana' : 1000,
  'orange' : 1500,   
};

Object.keys(obj)

객체의 키가 담긴 배열을 반환한다.

Object.keys(obj);
// ['melon', 'banana', 'orange']

Object.values(obj)

객체의 값만 담은 배열을 반환한다.

Object.values(obj);
// [2000, 1000, 1500]

Object.entries(obj)

객체의 키, 값 쌍을 담은 배열을 반환한다.

Object.entries(obj);
/*
 [Array(2), Array(2), Array(2)]
	0: (2) ['melon', 2000]
	1: (2) ['banana', 1000]
	2: (2) ['orange', 1500]  
*/

entries를 사용한 경우 [키, 값] 형태로 배열이 만들어진다.

현재 2차원 배열이 되었으므로 이 배열을 1차원 배열로 만들고 싶다면 Array.flat() 메소드를 사용하면 된다.

Object.entries(obj).flat();
//  ['melon', 2000, 'banana', 1000, 'orange', 1500]

Object.keys, values, entries는 심볼형 프로퍼티인 경우 무시된다.

---

참고 자료
코어 자바스크립트 자료구조와 자료형