Object.keys(), Object.values(), Object.entries()

Object를 Array로 변환하는 메서드들에 대해 알아보자. 

Object.keys() : object의 property names을 배열로 반환

const object1 = {
  a: 'somestring',
  b: 42,
  c: false
};

console.log(Object.keys(object1));
// expected output: Array ["a", "b", "c"]

Object.keys(object1).map(key => (
	console.log(key)
)) 

output : 

> Array ["a", "b", "c"]
> "a"
> "b"
> "c"

Object.values() : object의 property values을 배열로 반환

const object1 = {
  a: 'somestring',
  b: 42,
  c: false
};

console.log(Object.values(object1));
// expected output: Array ["somestring", 42, false]

Object.values(object1).map(value => (
	console.log(value)
)) 

output : 

> Array ["somestring", 42, false]
> "somestring"
> 42
> false

Object.entries() : object의 [key, value] 쌍이 담긴 배열을 반환

const object1 = {
  a: 'somestring',
  b: 42
};

console.log(Object.entries(object1));

for (const [key, value] of Object.entries(object1)) {
  console.log(`${key}: ${value}`);
}

Object.entries(object1).map(([key, value]) => (
	console.log(key, value)
)) 

// expected output:
// "a: somestring"
// "b: 42"
// order is not guaranteed

output:

> Array [Array ["a", "somestring"], Array ["b", 42]]
> "a: somestring"
> "b: 42"
> "a" "somestring"
> "b" 42