Object.keys/ values/ entries 메서드

자바스크립트 객체를 배열로 변환해주는 메서드로 다음과 같은 메서드들이 있다.

Object.keys() : 객체의 키만 담은 배열을 반환
Object.values() : 객체의 값만 담은 배열을 반환
Object.entries() : [키, 값] 쌍을 담은 배열을 반환

모두 배열을 반환하지만 각각 담는 값들이 다르다. 간단한 예시를 함께 보자.

⬜️ Object.keys | 객체의 키를 담은 배열 반환

const obj = {
  a: '마크',
  b: '재현',
  c: '해찬'
}

Object.keys(obj)

//console -> ['a', 'b', 'c'] 

⬜️ Object.values | 객체의 값을 담은 배열 반환

const obj = {
  a: '마크',
  b: '재현',
  c: '해찬'
}

Object.values(obj)  

//console -> ['마크', '재현', '해찬']

⬜️ Object.entries | 객체의 [키, 값] 쌍을 담은 배열 반환

const obj = {
  a: '마크',
  b: '재현',
  c: '해찬'
}

Object.entries(obj)  

//console -> [ ['a', '마크'], ['b', '재현'], ['c', '해찬'] ]

이렇게 크게 3가지 형태로 구분해 사용해 볼 수 있다.