자바스크립트 | 객체 속성 키와 값 배열로 추출하기 Object.keys(), Object.values(), Object.entries()

js100제 56번(https://www.notion.so/56-87c0b313da9f485b98347ab80855f4b5)을 풀면서 객체에 들어있는 키와 값을 따로 분리하기 위해서 찾아봤던 내용

 

Object.keys()

주어진 객체의 속성키들을 문자열 배열로 반환한다

Object.values()

주어진 객체의 속성값들을 배열로 반환한다.

Object.entries()

주어진 객체의 속성 [키, 값] 쌍을 배열로 반환한다.

nationWidth = {
    'korea': 220877,
    'Rusia': 17098242,
    'China': 9596961,
    'France': 543965,
    'Japan': 377915,
    'England' : 242900,
}
let countries = Object.keys(nationWidth); // 객체의 속성키들만 문자열 배열로 반환
let width = Object.values(nationWidth);   // 객체 속성값들만 배열에 담는다
let entry = Object.entries(nationWidth);  // 객체 속성의 키, 값을 짝지어 배열에 담는다

console.log(countries); //[ 'korea', 'Rusia', 'China', 'France', 'Japan', 'England' ]
console.log(width); //[ 220877, 17098242, 9596961, 543965, 377915, 242900 ]
console.log(entry);
/*
[
  [ 'korea', 220877 ],
  [ 'Rusia', 17098242 ],
  [ 'China', 9596961 ],
  [ 'France', 543965 ],
  [ 'Japan', 377915 ],
  [ 'England', 242900 ]
]
*/

 

 

+) 그리고 이 문제를 풀면서 필요했던(답안에서는 이렇게 안풀었지만) 속성값에 대응하는 키 찾는 법은 스택오버플로우에서 찾을 수 있었다.

https://stackoverflow.com/questions/9907419/how-to-get-a-key-in-a-javascript-object-by-its-value

function getKeyByValue(object, value) {
  return Object.keys(object).find(key => object[key] === value);
}


const map = {"first" : "1", "second" : "2"};
console.log(getKeyByValue(map,"2"));

 

 

참고페이지

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Object/keys

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Object/values

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Object/entries