在javascript中查询数组以从中获取我想要的项目的最佳方法是什么？

Question

我有一个这样的数组（只有 3000 多个对象，而不是这里的 3 个）：

items = [{name:'charlie', age:'16'}, {name:'ben', age:'18'}, {name:'steve', age:'18'}]

返回仅包含 18 岁人群对象的数组的最佳方法是什么？所以我想要：

items = [{name:'ben', age:'18'}, {name:'steve', age:'18'}]

我能想到的最好的就是这个（使用 jQuery）：

newArray = []
$.each(items, function(index, item) {
    if(item.age=='18') {
        newArray.push(item)
    }
})

考虑到有 3000,000 个对象，而且我一次要进行多达 50 次比较，这需要大量循环。有没有更好的办法？

Answer 1

你可以使用纯javascript

var wanted = items.filter( function(item){return (item.age==18);} );

如果您的浏览器不支持 1.6 版的 javascript，您可以在 https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array/filter 找到过滤方法的实现

---

更新

Speedwise 与正常循环有一个 巨大 不同的 ^{（在测试中出现错误）} 差异（取决于浏览器)..看看我在http://jsperf.com/array-filter-vs-loop/3做的这个小测试

Answer 2

使用 find() 和 filter() 方法获取匹配项和项

如果你想要第一个匹配的单个项目，请使用返回单个对象的 find() 方法。

如果要全部匹配，请使用返回对象数组的 filter() 方法。

let items = [{name:'charlie', age:'16'}, 
{name:'ben', age:'18'}, 
{name:'steve', age:'18'}]

let all = items.filter(item=> item.age==='18')
console.log(all);

let single = items.find(item=> item.age==='18')
console.log(single);

Answer 3

如果您要经常进行搜索，最好将您的数据版本保存在可快速访问的表单中。 我使用了 underscore.js (http://documentcloud.github.com/underscore/) 来简化自己的工作，但这里的代码将创建一个对象来保存您的按年龄字段索引的数据。

你最终会得到如下所示的东西：

{
    "16": [
        {
            "name": "charlie",
            "age": "16"
        }
    ],
    "18": [
        {
            "name": "ben",
            "age": "18"
        },
        {
            "name": "steve",
            "age": "18"
        }
    ]
}

代码：

var itemsByAge = _(items).reduce(function(memo, item) {
    memo[item.age] = memo[item.age] || [];
    memo[item.age].push(item);
    return memo;
}, {});

alert(JSON.stringify(itemsByAge["18"]));

Answer 4

无论您选择哪种方法（items.filter 或任何 json 的“查询语言”），for 循环都是不可避免的。

如果性能是一个问题，我建议您使用纯 JavaScript 而不是像 jQuery 这样的库，这会增加整个处理的开销，这很明显here。

因此，您的代码如下所示：

var newArray = [];
for(var i=0;i<items.length;i++) {
    var item = items[i];
    if(item.age == '18') {
        newArray.push(item);
    }
});

Answer 5

利用javascript宏大的函数eval()在运行时将字符串评估为代码，我们可以为Array类型定义一个原型方法

Array.prototype.where = function (query) {
var newArray = [];
for(var i=0; i<this.length; i++) {
    var item = this[i];
    if(eval( "item" + query )) {
        newArray.push(item);
    }
}
return newArray;
};

并将它与任何数组一起使用，将查询作为字符串传递

var newArray= items.where('.age >= 18');

Answer 6

使用数组的过滤方法，它为数组中的每个元素调用一次提供的回调函数。

array.filter(<callbackfucntion>[, <Object to use>])

Answer 7

一旦我遇到了这样的问题，我就这样解决了 1-创建数组数组 2-每个索引创建一个索引记录 例如

var pAry=[];
var cAry=[{name:'ben', age:'18'}, {name:'steve', age:'18'}]
pAry[17]=cAry;

这样，当你需要 18 岁的人时，你将获得索引 17。