JavaScript 객체에서 키-값 쌍을 효과적으로 필터링하려면 어떻게 해야 합니까?

JavaScript: filter() for Objects

filter() 프로토타입은 ECMAScript 5의 배열 유형에 대해 존재하지만 객체 유형에는 존재하지 않습니다. JavaScript에서 객체에 대한 필터() 함수를 구현하려면 다음 전략을 사용할 수 있습니다.

1. Reduce() 및 Object.keys() 사용

이 메서드는 Reduce()를 사용하여 객체의 키를 반복하고 Object.keys()를 사용하여 해당 키를 검색합니다. 그런 다음 조건자 함수를 기반으로 키를 필터링하고 필터링된 키-값 쌍을 사용하여 새 개체를 반환합니다.

Object.filter = (obj, predicate) => {
  Object.keys(obj)
    .filter(key => predicate(obj[key]))
    .reduce((res, key) => (res[key] = obj[key], res), {});
};

2. map() 및 Spread 구문 사용

(1)과 유사한 접근 방식이지만, Reduce() 대신 map() 및 Spread 구문(...)을 사용하여 새 객체:

Object.filter = (obj, predicate) => {
  Object.keys(obj)
    .filter(key => predicate(obj[key]))
    .map(key => ({ [key]: obj[key] }))
    .reduce((a, b) => ({ ...a, ...b }), {});
};

3. Object.entries() 및 Object.fromEntries() 사용

이 메서드는 Object.entries()를 사용하여 객체를 키-값 쌍의 배열로 변환한 다음 Object.fromEntries()를 재구성합니다. 필터링 후의 객체:

Object.filter = (obj, predicate) => {
  return Object.fromEntries(
    Object.entries(obj).filter(([key, value]) => predicate(value))
  );
};

4. 주의 사항: Object.prototype 확장을 피하세요

이러한 솔루션은 객체에 대한 기능적 filter() 구현을 제공하지만 Object.prototype을 직접 확장하는 것은 나쁜 습관으로 간주됩니다. 대신 Object.ass() 및 Object.keys()와 같은 기존 JavaScript 전역 유틸리티 함수와 유사한 독립 실행형 유틸리티 함수로 필터 함수를 제공하세요.

위 내용은 JavaScript 객체에서 키-값 쌍을 효과적으로 필터링하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!