如何根据属性过滤对象数组?

JavaScript

神乐神无

2020-03-13

我有以下JavaScript数组的房地产主页对象:

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;

我想做的是能够对对象执行过滤,以返回“家庭”对象的子集。

例如,我想根据能够过滤:pricesqftnum_of_beds,和num_of_baths

如何在JavaScript中执行类似下面的伪代码的操作:

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

注意,语法不必与上面完全相同。这只是一个例子。

第1511篇《如何根据属性过滤对象数组?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

8个回答
Near卡卡西小宇宙 2020.03.13
var filterHome = homes.filter(home =>
  return (home.price <= 999 &&
         home.num_of_baths >= 2.5 &&
         home.num_of_beds >=2 &&
         home.sqft >= 998));
console.log(filterHome);

您可以使用此lambda函数。在这里可以找到更多详细信息,因为我们将根据您具有返回true或false的条件来过滤数据,并且它将以不同的数组收集数据,因此不会修改您的实际数组。

@JGreig请调查一下。

AEva伽罗 2020.03.13

您可以自己实现满足您需要的过滤方法,方法如下:

function myfilter(array, test){
    var passedTest =[];
    for (var i = 0; i < array.length; i++) {
       if(test( array[i]))
          passedTest.push(array[i]);
    }

    return passedTest;
}

var passedHomes = myfilter(homes,function(currentHome){
     return ((currentHome.price <= 1000 )&& (currentHome.sqft >= 500 )&&(currentHome.num_of_beds >=2 )&&(currentHome.num_of_baths >= 2.5));
});

希望能帮助到你!

理查德Tony 2020.03.13

您可以很容易地做到这一点-可能有很多实现可以选择,但这是我的基本想法(并且可能有一些格式可以使用jQuery遍历对象,我现在无法想到):

function filter(collection, predicate)
{
    var result = new Array();
    var length = collection.length;

    for(var j = 0; j < length; j++)
    {
        if(predicate(collection[j]) == true)
        {
             result.push(collection[j]);
        }
    }

    return result;
}

然后您可以像下面这样调用此函数:

filter(json, function(element)
{
    if(element.price <= 1000 && element.sqft >= 500 && element.num_of_beds > 2 && element.num_of_baths > 2.5)
        return true;

    return false;
});

这样,您可以根据定义的谓词调用过滤器,甚至可以使用较小的过滤器多次过滤。

null 2020.03.13

您可以尝试使用类似jLinq的框架-以下是使用jLinq的代码示例

var results = jLinq.from(data.users)
.startsWith("first", "a")
.orEndsWith("y")
.orderBy("admin", "age")
.select();

有关更多信息,您可以单击链接http://www.hugoware.net/projects/jlinq

神乐宝儿 2020.03.13

令我惊讶的是,没有人发表过一句回应:

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

...这样您就可以更轻松地阅读它:

const filteredHomes = json.homes.filter( x => 
  x.price <= 1000 && 
  x.sqft >= 500 && 
  x.num_of_beds >=2 && 
  x.num_of_baths >= 2.5
);
Near路易小胖 2020.03.13

从jQuery 1.0开始就可以使用jQuery.grep():

$.grep(homes, function (h) {
  return h.price <= 1000
    && h.sqft >= 500
    && h.num_of_beds >= 2
    && h.num_of_baths >= 2.5
});
小哥达蒙卡卡西 2020.03.13

这是工作提琴,使用jQuery MAP函数在IE8中正常工作

http://jsfiddle.net/533135/Cj4j7/

json.HOMES = $.map(json.HOMES, function(val, key) {
    if (Number(val.price) <= 1000
            && Number(val.sqft) >= 500
            && Number(val.num_of_beds) >=2
            && Number(val.num_of_baths ) >= 2.5)
        return val;
});
Harry逆天 2020.03.13

我更喜欢Underscore框架。它建议对对象进行许多有用的操作。你的任务:

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

可以像这样覆盖:

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

希望对您有用!

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android