속성을 기반으로 홈 개체의 JavaScript 배열을 필터링하는 방법은 무엇입니까?

JavaScript의 속성을 기반으로 객체 배열 필터링

문제:

부동산 주택 객체 배열이 있습니다. 가격, 면적, 침실 수, 욕실 수 등의 특정 기준에 따라 "집" 개체의 하위 집합을 반환하려면 배열을 필터링해야 합니다.

해결책:

속성을 기준으로 객체 배열을 필터링하려면 Array.prototype.filter 메서드를 사용할 수 있습니다. 이 메소드는 배열의 각 요소가 필터링된 배열에 포함되어야 하는지 여부를 결정하는 데 사용되는 콜백 함수를 인수로 사용합니다.

귀하의 경우 각 집이 필터링된 배열인지 확인하는 콜백 함수를 생성할 수 있습니다. 개체가 모든 기준을 충족합니다. 예는 다음과 같습니다.

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

이 콜백 함수는 가격 속성이 1000보다 작거나 같은지, sqft 속성이 500보다 크거나 같은지, num_of_beds 속성이 크거나 같은지 확인합니다. 2로, num_of_baths 속성이 2.5보다 크거나 같은 경우. 이러한 조건이 모두 충족되면 요소가 필터링된 배열에 포함됩니다.

구문이 제공한 예와 정확히 일치할 필요는 없습니다. 위의 예에서는 && 연산자를 사용하여 조건을 결합하지만 & 연산자를 사용할 수도 있습니다. 또한 화살표 기능을 사용하여 콜백 기능을 단순화할 수 있습니다.

실시간 예는 다음과 같습니다.

<script>
var obj = {
    'homes': [{
            "home_id": "1",
            "price": "925",
            "sqft": "1100",
            "num_of_beds": "2",
            "num_of_baths": "2.0",
        }, {
            "home_id": "2",
            "price": "1425",
            "sqft": "1900",
            "num_of_beds": "4",
            "num_of_baths": "2.5",
        },
        // ... (more homes) ...     
    ]
};
var newArray = obj.homes.filter(function (el) {
  return el.price <= 1000 &&
         el.sqft >= 500 &&
         el.num_of_beds >= 2 &&
         el.num_of_baths >= 2.5;
});
console.log(newArray);
</script>

위 내용은 속성을 기반으로 홈 개체의 JavaScript 배열을 필터링하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!