일반적으로 데이터를 필터링할 때, 우리는 필터링된 결과의 개수를 확인하고자 할 때가 있습니다. 자바스크립트에서 배열이나 객체 등의 데이터를 필터링한 결과의 개수를 셀 수 있는 몇 가지 방법이 있습니다.

배열 필터링 결과의 개수 카운트

만약 배열을 필터링하고, 필터링된 결과의 개수를 세고자 한다면, 아래와 같이 filter 메서드를 사용하여 원하는 조건을 충족하는 항목들을 골라낸 후, length 속성을 사용하여 개수를 확인할 수 있습니다.

const numbers = [10, 20, 30, 40, 50];
const filteredNumbers = numbers.filter(number => number > 25);
const count = filteredNumbers.length;
console.log(count); // 출력 결과: 2

객체 필터링 결과의 개수 카운트

객체를 필터링하고, 필터링된 결과의 개수를 세고자 한다면, Object.keys 메서드를 사용하여 객체의 키(key)들을 배열로 얻은 후, 이를 순회하면서 조건에 맞는 객체의 수를 셀 수 있습니다.

const data = {
  a: 10,
  b: 20,
  c: 30,
  d: 40,
  e: 50
};

const filteredData = Object.keys(data).filter(key => data[key] > 25);
const count = filteredData.length;
console.log(count); // 출력 결과: 3

요약

자바스크립트에서 배열이나 객체를 필터링한 결과의 개수를 셀 때에는 filter 메서드와 length 속성을 활용하거나, Object.keys 메서드를 사용하여 객체의 키(key)를 배열로 변환한 후 필터링하고 개수를 세는 방법을 사용할 수 있습니다.