如何找到一个值的数组索引?

假设我有这个

imageList = [100,200,300,400,500];

这让我

[0]100[1]200等。

在JavaScript中是否有方法返回值的索引?

例如，我想要200的索引，返回1。

当前回答

可以使用ES6函数Array.prototype.findIndex。

MDN说:

findIndex()方法返回数组中满足所提供测试函数的第一个元素的索引。否则返回-1。

var fooArray = [5, 10, 15, 20, 25];
console.log(fooArray.findIndex(num=> { return num > 5; }));

// expected output: 1

根据对象属性查找索引。

通过对象属性查找索引:

yourArray.findIndex(obj => obj['propertyName'] === yourValue)

例如，有这样一个数组:

let someArray = [
    { property: 'OutDate' },
    { property: 'BeginDate'},
    { property: 'CarNumber' },
    { property: 'FirstName'}
];

然后，查找必要属性索引的代码如下所示:

let carIndex = someArray.findIndex( filterCarObj=> 
    filterCarObj['property'] === 'CarNumber');

其他回答

这是我对它的看法，似乎大多数人的解决方案不检查项目是否存在，如果它不存在，它会删除随机值。

首先通过查找元素的索引来检查元素是否存在。如果它存在，使用splice方法通过它的索引删除它

elementPosition = array.indexOf(value);

if(elementPosition != -1) {
  array.splice(elementPosition, 1);
}

使用jQuery的函数 jQuery.inArray

jQuery.inArray( value, array [, fromIndex ] )
(or) $.inArray( value, array [, fromIndex ] )

对于对象数组，使用map with indexOf:

var imageList = [ {值:100}, {值:200}, {值:300}, {值:400}, {值:500} ]; var index = imageList。映射(函数(img){返回img.value;}) .indexOf (200); console.log(指数);

在现代浏览器中，你可以使用findIndex:

var imageList = [ {值:100}, {值:200}, {值:300}, {值:400}, {值:500} ]; var index = imageList。findIndex(img => img。Value === 200); console.log(指数);

它是ES6的一部分，由Chrome, FF, Safari和Edge支持

你可以使用indexOf:

var imageList = [100,200,300,400,500];
var index = imageList.indexOf(200); // 1

如果它在数组中找不到值，就会得到-1。

在多维数组中。

参考阵列:

var array = [
    { ID: '100' },
    { ID: '200' },
    { ID: '300' },
    { ID: '400' },
    { ID: '500' }
];

使用filter和indexOf:

var index = array.indexOf(array.filter(function(item) { return item.ID == '200' })[0]);

使用indexOf遍历数组中的每个项:

for (var i = 0; i < array.length; i++) {
    var item = array[i];
    if (item.ID == '200') { 
        var index = array.indexOf(item);
    }
}

推荐文章