[javascript] 객체 순회를 통한 데이터 필터링과 정렬하기

15 Dec 2023

javascript

자바스크립트에서는 객체를 순회하고 데이터를 필터링하고 정렬하는 다양한 방법이 있습니다. 이러한 작업을 수행하는 데 유용한 몇 가지 방법을 살펴보겠습니다.

객체 순회

자바스크립트에서는 for...in 반복문을 사용하여 객체를 순회할 수 있습니다. 예를 들어, 다음과 같이 객체를 순회할 수 있습니다.

let data = {
  A: 3,
  B: 1,
  C: 2
};

for (let key in data) {
  console.log(key, data[key]);
}

데이터 필터링

객체를 필터링하는 한 가지 방법은 Object.keys 및 Array.filter 메서드를 결합하여 사용하는 것입니다. 예를 들어, 다음과 같이 객체를 필터링할 수 있습니다.

let data = {
  A: 3,
  B: 1,
  C: 2
};

let filteredData = Object.keys(data)
  .filter(key => data[key] >= 2)
  .reduce((obj, key) => {
    obj[key] = data[key];
    return obj;
  }, {});

console.log(filteredData); // { A: 3, C: 2 }

데이터 정렬

객체를 특정 기준에 따라 정렬하는 방법 중 하나는 Object.entries 및 Array.sort 메서드를 사용하는 것입니다. 예를 들어, 다음과 같이 객체를 정렬할 수 있습니다.

let data = {
  A: 3,
  B: 1,
  C: 2
};

let sortedData = Object.entries(data)
  .sort((a, b) => b[1] - a[1])
  .reduce((obj, [key, value]) => {
    obj[key] = value;
    return obj;
  }, {});

console.log(sortedData); // { A: 3, C: 2, B: 1 }

위 예제를 참고하여 자바스크립트에서 객체를 순회하고 데이터를 필터링하고 정렬하는 방법을 쉽게 사용할 수 있습니다.

참고 자료:

이상입니다. 객체 순회를 통한 데이터 필터링과 정렬에 대해 살펴보았습니다.