[JavaScript] 객체 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' ]

​

2. Object에서 value를 배열로 가져오기

​

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

let myObj = { 1: 'a', 2: 'b', 3: 'c', 4: 'd'}; console.log(Object.values(myObj));

Output:

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

​

3. Object의 entry(key-value 쌍)를 배열로 가져오기

​

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