[자바스크립트] Object.entries()로 객체 순회하기

getAppliedFilters

선택한 조건을 알려주는 함수를 만든다.

 

책에서는 Map과 펼침 연산자를 사용하라고 하는데
Object.entries(object) 메서드가 같은 역할을 하기 때문에
entries 메서드를 사용해서 함수를 구현해보고자 한다.

 

Object.entries(object)

객체의 [key, value] 쌍의 배열을 반환한다

 

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

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

// Object.entries(object1) : [['a', 'somestring'], ['b', 42]]
// console.log 결과
// a: somestring
// b: 42

 

구현

const filters = {
    색상: '검정색',
    견종: '래브라도레트리버',
};

const getAppliedFilters = (filters) => {
    cosnt applied = Object.entries(filters)
        .map(([key, value]) => `${key}: ${value}`)
        .join(', ');

        return `선택한 조건은 ${applied} 입니다`;
};

// 선택한 조건은 견종: 래브라도레트리버, 색상: 검정색 입니다

 

느낀 점

객체를 순회할 때 Object.keys + forEach 조합을 사용했는데
Object.entries 메소드로 [key, value] 의 배열로 만들어도
순회가 가능하다는 점을 알았다. 실무에서도 유용하게 써봐야겠다.

 

자바스크립트 코딩의 기술 (길벗, 2019)을 학습하고 개인 학습용으로 정리한 내용입니다.