indexOf（）当数组元素是对象时（javascript）

Question

例如，名为arrayElements的变量类型数组包含：
[{id:1, value:5},{id:2, value:6},{id:3, value:7},{id:4, value:8}]。

除了使用循环外，如何获得arrayElements变量中id === 3（第3个元素）数组元素的位置？

谢谢。

Answer 1

你必须循环一次。但是你可以抽象它看起来像你不循环

function indexOfCallback(arr, callback, startIndex) { 
 
    if (typeof startIndex == 'undefined') { 
 
     startIndex = 0; 
 
    } 
 
    for(var i=startIndex; i < arr.length; i ++) { 
 
     if (callback(arr[i])) { 
 
      return i; 
 
     } 
 
    } 
 
    return -1; 
 
} 
 

 
var array = [{id:1, value:5},{id:2, value:6},{id:3, value:7},{id:4, value:8}]; 
 
// Search on id === 3 
 
console.log(indexOfCallback(array, function(obj){ 
 
    return obj.id === 3; 
 
})); 
 
// Search on value === 6 
 
console.log(indexOfCallback(array, function(obj){ 
 
    return obj.value === 6; 
 
}));

正如安东尼所说，这是建议的ECMAScript 6.下面是更完整的填充工具https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/findIndex

if (!Array.prototype.findIndex) { 
    Array.prototype.findIndex = function(predicate) { 
    if (this == null) { 
     throw new TypeError('Array.prototype.find called on null or undefined'); 
    } 
    if (typeof predicate !== 'function') { 
     throw new TypeError('predicate must be a function'); 
    } 
    var list = Object(this); 
    var length = list.length >>> 0; 
    var thisArg = arguments[1]; 
    var value; 

    for (var i = 0; i < length; i++) { 
     value = list[i]; 
     if (predicate.call(thisArg, value, i, list)) { 
     return i; 
     } 
    } 
    return -1; 
    }; 
} 
console.log(array.findIndex(function(obj){ 
    return obj.id === 3; 
})); 

Answer 2

我写了一个函数给你，你可以使用完成工作，但它使用一个循环：

var yourObjArray = [{id:1, value:5},{id:2, value:6},{id:3, value:7},{id:4, value:8}]; 


function objArrayIndex(objArray){ 
    for(var i = 0; i < objArray.length; i++){ 
    if(objArray[i]['id'] == 3){ 
     return i; 
    } 
    } 
    return -1; 
} 

console.log(objArrayIndex(yourObjArray)); 

Answer 3

在这样的数组中，你不能通过id访问元素。因此使用循环是您拥有的最佳解决方案。但是，根据您的使用情况，您还可以考虑使用对象而不是数组来直接访问。

var container = { 1: {id:1, value:5}, 2: {id:2, value:6}, 3: {id:3, value:7} } 

Answer 4

你可以使用Array.forEach我猜

var fooArray = [{id:1, value:5},{id:2, value:6},{id:3, value:7},{id:4, value:8}]; 
var foundIndex = -1; 
fooArray.forEach(function(el, index){ 
    if(el.id==3) { 
     foundIndex=index; 
     return false; 
    }; 
}); 

//foundIndex = 2 

Answer 5

您可以使用滤镜阵列，但我认为你会使用一个循环得到较好的解决。

var array = [{id:1, value:5},{id:2, value:6},{id:3, value:7},{id:4, value:8}]; 

var result = array.filter(condition); 

function condition(value, index){ 
    if (value.id === 3) return index; 
} 

console.log(result); 

Answer 6

arrayElements.map(o => o.id).indexOf(3); 

注：

• 可能比一个循环，因为之前 搜索变换整个阵列慢。但是用Javascript等高级语言，你永远不知道 。
• 无限可读比循环。
• IE兼容（不同于2017年的findIndex）。