当前位置:  开发笔记 > 编程语言 > 正文

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

如何解决《Javascript:如何根据属性过滤对象数组?》经验,为你挑选了6个好方法。

我有以下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;

我想要做的是能够对对象执行过滤器以返回"home"对象的子集.

例如,我想基于对能够过滤:price,sqft,num_of_beds,和num_of_baths.

问题:如何在JavaScript中执行某些操作,如下面的伪代码:

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

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



1> CMS..:

您可以使用以下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;
});

实例:

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 <= and >= with a string and number
// will coerce the string to a number before comparing.)
var newArray = obj.homes.filter(function (el) {
  return el.price <= 1000 &&
         el.sqft >= 500 &&
         el.num_of_beds >= 2 &&
         el.num_of_baths >= 1.5; // Changed this so a home would match
});
console.log(newArray);


2> Rutesh Makhi..:

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

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

有关更多信息,请访问http://www.hugoware.net/projects/jlinq链接



3> JuliaCesar..:

我更喜欢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;
});

希望它对你有用!


刚刚发现`underscore-query`(https://github.com/davidgtonge/underscore-query),它使用类似MongoDB的语法来查询javascript数组.所以在这里你要使用`_.query(homes,{price:{$ lt:1000},sqft:{$ gte:500},num_of_beds:{$ gte:2},num_of_baths:{$ gte:2.5}} `

4> 小智..:

这是使用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;
});



5> Tejs..:

你可以很容易地做到这一点 - 可能有很多实现你可以选择,但这是我的基本想法(并且可能有一些格式你可以用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;
});

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



6> Akira Yamamo..:

你可以使用jQuery.grep(),因为jQuery 1.0:

$.grep(homes, function (h) {
  return h.price <= 1000
    && h.sqft >= 500
    && h.num_of_beds >= 2
    && h.num_of_baths >= 2.5
});

推荐阅读
N个小灰流_701
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有