JavaScript - 객체의 key와 value 가져오기

Object의 모든 key를 배열로 가져오거나, 모든 value를 배열로 가져올 수 있습니다. 또는 key-value를 쌍으로 된 배열을 가져올 수 있습니다.

1. Object에서 key를 배열로 가져오기

Object.keys(obj)는 객체의 key를 배열로 리턴합니다.

let myObj = { 1: 'a', 2: 'b', 3: 'c', 4: 'd'};

console.log(Object.keys(myObj));

Output:

[ '1', '2', '3', '4' ]

Object.values(obj)는 객체의 value를 배열로 리턴합니다.

let myObj = { 1: 'a', 2: 'b', 3: 'c', 4: 'd'};

console.log(Object.values(myObj));

Output:

[ 'a', 'b', 'c', 'd' ]

Object.entries(obj)는 객체의 entry(key-value 쌍)를 배열로 리턴합니다.

let myObj = { 1: 'a', 2: 'b', 3: 'c', 4: 'd'};

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

Output:

[ [ '1', 'a' ], [ '2', 'b' ], [ '3', 'c' ], [ '4', 'd' ] ]

for문을 이용하여 아래와 같이 key와 value를 읽어서 console.log()로 출력할 수 있습니다.

let myObj = { 1: 'a', 2: 'b', 3: 'c', 4: 'd'};

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

Output:

1: a
2: b
3: c
4: d

Loading script...