>웹 프론트엔드 >JS 튜토리얼 >특정 속성을 기반으로 객체의 JavaScript 배열을 필터링하려면 어떻게 해야 합니까?

특정 속성을 기반으로 객체의 JavaScript 배열을 필터링하려면 어떻게 해야 합니까?

DDD
DDD원래의
2024-12-25 00:52:10218검색

How Can I Filter a JavaScript Array of Objects Based on Specific Attributes?

속성을 기준으로 개체 배열 필터링

이 문서의 목적은 JavaScript에서 특정 속성을 기준으로 개체 배열을 필터링하는 방법을 보여주기 위한 것입니다. . 개념을 설명하기 위해 부동산 주택 개체의 가상 배열을 예로 사용하겠습니다.

제공된 개체 배열에는 가격, 면적, 침대 수, 침실 수 등의 속성을 가진 여러 주택이 포함되어 있습니다. 온천. 목표는 다음과 같은 특정 기준을 충족하는 주택만 포함하는 새로운 배열을 만드는 것입니다.

  • 1000보다 작거나 같은 가격
  • 500보다 크거나 같은 평방피트
  • 침대 수 2개 이상
  • 욕실 수 2개 이상 2.5와 동일

이를 달성하기 위해 JavaScript Array.prototype.filter 메소드를 활용할 수 있습니다. 코드의 예는 다음과 같습니다.

var newArray = homes.filter(function (el) {
  return el.price <= 1000 &&
         el.sqft >= 500 &&
         el.num_of_beds >= 2 &&
         el.num_of_baths >= 2.5;
});

이 코드에서:

  • 필터 메소드는 주택 배열의 ​​각 요소를 반복합니다.
  • 각 요소에 대해 개별 홈 개체를 인수로 사용하는 제공된 콜백 함수를 실행합니다.
  • 내부 콜백 함수에서는 논리 연산자를 이용하여 가격, 면적, 침대 수, 욕실 수 등의 조건을 확인하여 지정된 기준을 적용합니다.
  • 특정 주택에 대해 모든 조건을 충족하면 해당 주택을 new array.

이 코드를 실행하면 지정된 기준을 만족하는 주택만 포함된 배열(newArray)을 얻게 됩니다. 이 접근 방식은 사용자 정의 속성을 기반으로 대규모 객체 배열을 필터링하는 유연하고 효율적인 방법을 제공합니다.

위 내용은 특정 속성을 기반으로 객체의 JavaScript 배열을 필터링하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.