1. Object.keys() 함수

Object.keys() 함수는 객체에서 key를 문자열 배열로 반환한다. 다음은 Object.keys() 함수를 사용하는 예제이다.

let strObj = {
  A : 'A string',
  B : 'B string',
  C : 'C string'
};

let strArr = Object.keys(strObj);

console.log(strArr);
// ['A', 'B', 'C']

Object.keys() 함수와 map() 함수를 결합하여 객체의 값을 배열로 변환할 수 있다. 다음은 Object.key() 함수와 map() 함수를 사용하는 예제이다.

let strObj = {
  A : 'A string',
  B : 'B string',
  C : 'C string'
};

let strArr = Object.keys(strObj).map(item => strObj[item]);

console.log(strArr);
// ['A string', 'B string', 'C string']

2. Object.values() 함수

Object.values() 함수는 객체에서 값을 문자열 배열로 반환한다. ES2017부터 도입되었으며, Object.keys() 함수를 사용하여 객체의 값을 배열로 변환하는 예제를 더 심플하게 작성할 수 있다.

let strObj = {
  A : 'A string',
  B : 'B string',
  C : 'C string'
};

let strArr = Object.values(strObj);

console.log(strArr);
// ['A string', 'B string', 'C string']

3. Object.entries() 함수

Object.entries() 함수는 객체에서 [Key, Value] 형식의 값을 배열로 반환한다. ES2017부터 도입되었으며, 다음은 Object.entries() 함수 예제이다.

let strObj = {
  A : 'A string',
  B : 'B string',
  C : 'C string'
};

let strArr = Object.entries(strObj);

console.log(strArr);
// [['A', 'A string'], ['B', 'B string'], ['C', 'C string']]