[JS]객체를 배열로 바꾸는 Object.keys, values, entries에 대한 정리

Object.key(), Object.value(), Object.entries()

이 메서드들은 일반 객체 순회 관련 메서드 입니다.

Object.keys(obj) - 객체의 키값만 담은 배열을 반환합니다.

Object.values(obj) - 객체의 값만 담은 배열을 반환합니다.

Object.netries(obj) - [키,값]을 같이 담은 배열을 반환합니다.

 

사용 예시

const user = {
	name: "Choonsik",
    age: 5
}

Object.keys(user) // ["name", "age"]
Object.values(user) // ["Choonsik", 5]
Object.entries(user) // [["name", "age"],["Choonsik", 5]]

객체에는 map이나 filter등을 사용할 수 없기에 객체에서 필요한 데이터를 가지고 배열로 만들 때 주로 사용합니다.

 

이 외에도 Object. 으로 시작되는 메서드는 다양하게 있으며 아래 링크를 통해 확인 가능합니다.

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Object