[javascript] 자바스크립트 객체를 배열로 변환하는 방법

자바스크립트에서 객체를 배열로 변환하는 방법은 여러 가지가 있습니다. 가장 간단한 방법은 객체의 속성을 반복적으로 접근하여 push() 함수로 배열에 값을 추가하는 것입니다. 다음은 객체의 key(속성명)를 배열로 변환하는 예제입니다.

const obj = { a: 1, b: 2, c: 3 };
const arr = [];
for (let key in obj) {
  arr.push(key);
}
console.log(arr); // ['a', 'b', 'c']

 

또 다른 방법으로는 Object.keys() 함수를 사용하는 것입니다. 이 함수는 객체의 속성명을 배열로 반환합니다.

const obj = { a: 1, b: 2, c: 3 };
const arr = Object.keys(obj);
console.log(arr); // ['a', 'b', 'c']

 

Object.values() 함수를 사용하면 객체의 값들을 배열로 반환할 수 있습니다.

const obj = { a: 1, b: 2, c: 3 };
const arr = Object.values(obj);
console.log(arr); // [1, 2, 3]

 

Object.entries() 함수를 사용하면 객체의 속성과 값을 배열로 반환할 수 있습니다.

const obj = { a: 1, b: 2, c: 3 };
const arr = Object.entries(obj);
console.log(arr); // [['a', 1], ['b', 2], ['c', 3]]