我怎样才能简单直接地找到满足某些条件的对象数组中的索引?
例如，给定这个输入:
var hello = {
hello: 'world',
foo: 'bar'
};
var qaz = {
hello: 'stevie',
foo: 'baz'
}
var myArray = [];
myArray.push(hello, qaz);
我如何搜索myArray找到其hello属性等于'stevie'的元素的索引(在这种情况下，结果应该是1)?
当前回答
var idx = myArray.reduce( function( cur, val, index ){
if( val.hello === "stevie" && cur === -1 ) {
return index;
}
return cur;
}, -1 );
其他回答
使用_。从underscore.js库中找到findIndex
下面是例子 _。findIndex ([{: 1}, {2, c: 10}, {: 3}), {: 2, c: 10}) / / 1
对于@Monika Garg的回答，您可以使用findIndex()(对于不受支持的浏览器，有一个polyfill)。
我看到人们对这个答案投了反对票，我希望他们这么做是因为语法错误，因为在我看来，这是最优雅的方式。
如果数组中的元素满足提供的测试函数，则findIndex()方法返回数组中的索引。否则返回-1。
例如:
Var hello = { 你好:“世界”, 喷火:“酒吧” }; Var qaz = { 你好:史蒂夫, 喷火:“记者” ｝ var myArray = []; myArray.push(你好,qaz); var index = myArray.findIndex(函数(元素){ 返回元素。Hello == 'stevie'; })； 警报(指数);
我在这里对各种答案做了一些性能测试，任何人都可以自己运行:
https://jsperf.com/find-index-of-object-in-array-by-contents
根据我在Chrome中的初始测试，以下方法(使用原型内部设置的for循环)是最快的:
Array.prototype.indexOfObject = function (property, value) {
for (var i = 0, len = this.length; i < len; i++) {
if (this[i][property] === value) return i;
}
return -1;
}
myArray.indexOfObject("hello", "stevie");
这段代码是对Nathan Zaetta的答案稍加修改的版本。
在性能基准测试中，我尝试将目标放在1000对象数组的中间(索引500)和末尾(索引999)，即使我将目标放在数组中的最后一项(意味着它必须循环遍历数组中的每一项才能找到)，它仍然是最快的。
这个解决方案还有一个好处，就是对于重复执行来说是最简洁的，因为只需要重复最后一行:
myArray.indexOfObject("hello", "stevie");
短暂的
myArray.indexOf('stevie','hello')
用例:
/*****NORMAL****/
[2,4,5].indexOf(4) ;//OUTPUT 1
/****COMPLEX*****/
[{slm:2},{slm:4},{slm:5}].indexOf(4,'slm');//OUTPUT 1
//OR
[{slm:2},{slm:4},{slm:5}].indexOf(4,function(e,i){
return e.slm;
});//OUTPUT 1
/***MORE Complex**/
[{slm:{salat:2}},{slm:{salat:4}},{slm:{salat:5}}].indexOf(4,function(e,i){
return e.slm.salat;
});//OUTPUT 1
火:
Array.prototype.indexOfOld=Array.prototype.indexOf
Array.prototype.indexOf=function(e,fn){
if(!fn){return this.indexOfOld(e)}
else{
if(typeof fn ==='string'){var att=fn;fn=function(e){return e[att];}}
return this.map(fn).indexOfOld(e);
}
};
Array.prototype.findIndex在除IE(非边缘)之外的所有浏览器中都支持。但是提供的填充材料很好。
var indexOfStevie = myArray.findIndex(i => i.hello === "stevie");
map的解决方案是可以的。但每次搜索都要遍历整个数组。这只是findIndex的最坏情况，它一旦找到匹配项就会停止迭代。
没有一个简洁的方法(当开发者不得不担心IE8时)，但这里有一个常见的解决方案:
var searchTerm = "stevie",
index = -1;
for(var i = 0, len = myArray.length; i < len; i++) {
if (myArray[i].hello === searchTerm) {
index = i;
break;
}
}
或作为一个函数:
function arrayObjectIndexOf(myArray, searchTerm, property) {
for(var i = 0, len = myArray.length; i < len; i++) {
if (myArray[i][property] === searchTerm) return i;
}
return -1;
}
arrayObjectIndexOf(arr, "stevie", "hello"); // 1
只是一些注释:
不要用于…在数组的循环中 一旦找到“指针”，请确保跳出循环或返回函数。 注意对象相等性
例如,
var a = {obj: 0};
var b = [a];
b.indexOf({obj: 0}); // -1 not found
