我需要确定一个对象是否已经存在于javascript数组中。
如(dummycode):
var carBrands = [];
var car1 = {name:'ford'};
var car2 = {name:'lexus'};
var car3 = {name:'maserati'};
var car4 = {name:'ford'};
carBrands.push(car1);
carBrands.push(car2);
carBrands.push(car3);
carBrands.push(car4);
现在“carBrands”数组包含了所有实例。
我现在正在寻找一个快速的解决方案来检查car1, car2, car3或car4的实例是否已经在carBrands数组中。
eg:
var contains = carBrands.Contains(car1); //<--- returns bool.
Car1和car4包含相同的数据，但它们是不同的实例，应该测试为不相等。
我是否需要在创建对象时添加散列之类的东西?或者在Javascript中有更快的方法来做到这一点。
我在这里寻找最快的解决方案，如果肮脏，所以它必须是;)在我的应用程序中，它必须处理大约10000个实例。
没有jquery
我使用下划线javascript库来调整这个问题。
function containsObject(obj, list) {
var res = _.find(list, function(val){ return _.isEqual(obj, val)});
return (_.isObject(res))? true:false;
}
关于上面例子中使用的下划线函数，请参考underscore.js文档。
注意:这不是一个纯javascript解决方案。为了教育目的而共享。
我将在数组上使用属性/值的泛型迭代器。不需要jQuery。
arr = [{prop1: 'val1', prop2: 'val2'}, {prop1: 'val3', prop2: 'val4'}];
objectPropInArray(arr, 'prop1', 'val3'); // <-- returns true
function objectPropInArray(list, prop, val) {
if (list.length > 0 ) {
for (i in list) {
if (list[i][prop] === val) {
return true;
}
}
}
return false;
}
我知道这是一个老帖子，但我想提供一个JQuery插件版本和我的代码。
// Find the first occurrence of object in list, Similar to $.grep, but stops searching
function findFirst(a,b){
var i; for (i = 0; i < a.length; ++i) { if (b(a[i], i)) return a[i]; } return undefined;
}
用法:
var product = $.findFirst(arrProducts, function(p) { return p.id == 10 });
这里许多答案的问题是，它们不会在数组中找到等于另一个对象的对象。它们只会在数组中搜索有指针指向的EXISTING对象。
快速修复使用lodash查看是否ANY相等对象在数组中:
import _ from 'lodash';
_.find(carBrands, car1); //returns object if true, undefined if false
工作活塞使用此方法:https://plnkr.co/edit/y2YX9o7zkQa2r7lJ
最近被FP bug咬了一口，阅读了许多关于函数式范式如何与Javascript完美契合的精彩描述
为了完整起见，我复制了代码，并提出了两种可以实现此功能的方法。
var carBrands = [];
var car1 = {name:'ford'};
var car2 = {name:'lexus'};
var car3 = {name:'maserati'};
var car4 = {name:'ford'};
var car5 = {name:'toyota'};
carBrands.push(car1);
carBrands.push(car2);
carBrands.push(car3);
carBrands.push(car4);
// ES6 approach which uses the includes method (Chrome47+, Firefox43+)
carBrands.includes(car1) // -> true
carBrands.includes(car5) // -> false
如果你需要支持旧的浏览器使用polyfill，似乎IE9+和Edge不支持它。位于MSDN页面的填充部分
或者，我想对cdhowie提出一个更新的答案
// ES2015 syntax
function containsObject(obj, list) {
return list.some(function(elem) {
return elem === obj
})
}
// or ES6+ syntax with cool fat arrows
function containsObject(obj, list) {
return list.some(elem => elem === obj)
}
