我有一个这样的数组:
[{prop1:"abc",prop2:"qwe"},{prop1:"bnmb",prop2:"yutu"},{prop1:"zxvz",prop2:"qwrq"},...]
我怎么能得到对象的索引，匹配的条件，而不是在整个数组上迭代?
例如，给定prop2=="yutu"，我想获得索引1。
我看到过. indexof()，但认为它用于简单的数组，如["a1"，"a2"，…]。我还检查了$.grep()，但这返回对象，而不是索引。
当前回答
使用Array.map()和Array.indexOf(string)
const arr = [{ 提案 1： “ABC”， 提案2：“QWE” }, { 提案 1： “bnmb”， 提案2：“玉兔” }, { 提案1：“ZXVZ”， 提案2：“QWRQ” }] const index = arr.map（i => i.prop2）.indexOf（“yutu”）; 控制台.log（索引）;
其他回答
Georg已经提到了ES6有数组。查找索引。 其他一些答案是ES5使用Array的变通方法。一些方法。
一种更优雅的方法是
var index;
for(index = yourArray.length; index-- > 0 && yourArray[index].prop2 !== "yutu";);
同时，我想强调一下，阵列。有些可以用二进制或其他有效的搜索技术实现。因此，在某些浏览器中，它可能在for循环中执行得更好。
试试这段代码
var x = [{prop1:"abc",prop2:"qwe"},{prop1:"bnmb",prop2:"yutu"},{prop1:"zxvz",prop2:"qwrq"}]
let index = x.findIndex(x => x.prop1 === 'zxvz')
function findIndexByKeyValue(_array, key, value) {
for (var i = 0; i < _array.length; i++) {
if (_array[i][key] == value) {
return i;
}
}
return -1;
}
var a = [
{prop1:"abc",prop2:"qwe"},
{prop1:"bnmb",prop2:"yutu"},
{prop1:"zxvz",prop2:"qwrq"}];
var index = findIndexByKeyValue(a, 'prop2', 'yutu');
console.log(index);
从2016年开始，你应该使用Array。findIndex (ES2015/ES6标准)用于:
a = [ {prop1 " abc " prop2 qwe "} ", {prop1 bnmb "、" prop2 yutu "}, " {prop1 zxvz "、" prop2 qwrq "} "]; index = a.f ndindex (x => x.p rp2 ==="yutu"); console.log (index);
支持谷歌Chrome, Firefox和Edge。对于ie浏览器，在链接页面上有一个填充。
性能报告
函数调用是非常昂贵的，因此对于非常大的数组，一个简单的循环将比findIndex执行得更好:
let test = []; for (let i = 0; i < 1e6; i++) test.push({prop: i}); let search = test.length - 1; let count = 100; console.time('findIndex/predefined function'); let fn = obj => obj.prop === search; for (let i = 0; i < count; i++) test.findIndex(fn); console.timeEnd('findIndex/predefined function'); console.time('findIndex/dynamic function'); for (let i = 0; i < count; i++) test.findIndex(obj => obj.prop === search); console.timeEnd('findIndex/dynamic function'); console.time('loop'); for (let i = 0; i < count; i++) { for (let index = 0; index < test.length; index++) { if (test[index].prop === search) { break; } } } console.timeEnd('loop');
与大多数优化一样，这应该在实际需要时谨慎应用。
使用Array.reduce()的一个步骤-没有jQuery
var items = [{id: 331}, {id: 220}, {id: 872}];
var searchIndexForId = 220;
var index = items.reduce(function(searchIndex, item, index){
if(item.id === searchIndexForId) {
console.log('found!');
searchIndex = index;
}
return searchIndex;
}, null);
如果没有找到索引，将返回null。
