Filtern von Arrays von Objekten basierend auf Eigenschaften: eine Anleitung
P粉087951442
P粉087951442 2023-10-09 16:41:54
0
2
601

Ich habe das folgende JavaScript-Array von Immobilienobjekten:

var json = { '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 xmlhttp = eval('(' + json + ')'); homes = xmlhttp.homes;

Was ich tun möchte, ist in der Lage zu sein, einen Filter für die Objekte durchzuführen, um eine Teilmenge der „Heimat“-Objekte zurückzugeben.

Zum Beispiel möchte ich filtern können nach:pricesqftnum_of_bedsnum_of_baths.

So erstellen Sie so etwas wie den folgenden Pseudocode in JavaScript:

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

Bitte beachten Sie, dass die Syntax nicht genau mit der oben genannten übereinstimmen muss. Dies ist nur ein Beispiel.

P粉087951442
P粉087951442

Antworte allen (2)
P粉366946380

我很惊讶没有人发布一行回复:

const filteredHomes = json.homes.filter(x => x.price = 500 && x.num_of_beds >=2 && x.num_of_baths >= 2.5);

...只是为了让您可以更轻松地阅读:

const filteredHomes = json.homes.filter( x => x.price = 500 && x.num_of_beds >=2 && x.num_of_baths >= 2.5 );
    P粉315680565

    您可以使用数组.prototype.filter方法:

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

    实例:

    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) ... ] }; // (Note that because `price` and such are given as strings in your object, // the below relies on the fact that = with a string and number // will coerce the string to a number before comparing.) var newArray = obj.homes.filter(function (el) { return el.price = 500 && el.num_of_beds >= 2 && el.num_of_baths >= 1.5; // Changed this so a home would match }); console.log(newArray);
      Neueste Downloads
      Mehr>
      Web-Effekte
      Quellcode der Website
      Website-Materialien
      Frontend-Vorlage
      Über uns Haftungsausschluss Sitemap
      Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!