9/6 학습

객체의 프로퍼티 조회

• for...in 구문 사용
  • 순서가 중요한 배열의 경우 forEach구문을 사용하는 것이 좋다.

let obj = {
    key1: 'value1',
    key2: 'value2',
    key3: 'value3'
};

for(let key in obj){
    console.log(obj[key]);
}
// value1
// value2
// value3

• Object.keys(), Object.values(), Object.entries() 사용
  • Object.keys(), Object.values()의 경우 각각 프로퍼티의 key, value값을 배열의 형태로 반환
  • Object.entries()의 경우 [key, value]쌍의 배열을 반환한다. sort()를 사용해 정렬도 가능

//key값들을 배열로 반환
console.log(Object.keys(obj));  //[ 'key1', 'key2', 'key3' ]

//value값들을 배열로 반환
console.log(Object.values(obj));  //[ 'value1', 'value2', 'value3' ]

//[key, value] 형태의 배열로 반환. forEach()로 [key, value] 하나씩 조회 가능. sort()로 기준을 정해 조회 가능
console.log(Object.entries(obj));  //[ [ 'key1', 'value1' ], [ 'key2', 'value2' ], [ 'key3', 'value3' ] ]
// key값을 내림차순으로 정렬
console.log(Object.entries(obj).sort((a, b) => b[0].localeCompare(a[0])));  //[ [ 'key3', 'value3' ], [ 'key2', 'value2' ], [ 'key1', 'value1' ] ]

출처
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/for...in
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/entries