如何找到带有值的数组索引?


Answers:


316

您可以使用indexOf

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

如果无法在数组中找到值,则将得到-1。


2
您可以使用developer.mozilla.org/en/JavaScript/Reference/Global_Objects/…或任何Javascript框架来解决此问题。
voigtan 2011年

1
刚刚发现它在IE8中不起作用。我有什么选择?
joedborg 2011年

@voigtan如何将其添加到我的JS中?
joedborg 2011年

5
我已经做到了,谢谢。IE将有一天赶上现代!
joedborg 2011年

如果在兼容模式下,也无法在最新的IE中工作
pelms

74

对于对象阵列使用mapindexOf

var imageList = [
   {value: 100},
   {value: 200},
   {value: 300},
   {value: 400},
   {value: 500}
];

var index = imageList.map(function (img) { return img.value; }).indexOf(200);

console.log(index);


在现代浏览器中,您可以使用findIndex

var imageList = [
   {value: 100},
   {value: 200},
   {value: 300},
   {value: 400},
   {value: 500}
];

var index = imageList.findIndex(img => img.value === 200);

console.log(index);

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


1
请注意,findIndex未在IE 11中实现
-Bindrid

2
@Bindrid,它写在答案中,请参阅“它是ES6的一部分,并受Chrome,FF,Safari和IE edge的支持(不幸的是)”
Jaqen H'ghar

17

使用jQuery的函数 jQuery.inArray

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

将使用标记为正确答案的代码,但似乎该代码无法在IE的所有版本中使用。此答案适用于所有版本的IE,但我稍稍更改了代码:var arrayPosition = $ .inArray(value,Array); 完美运作
James Blackburn 2013年

6
jQuery≠Javascript
Andrew

13

这是用javascript在复杂数组中查找值索引的另一种方法。希望确实能帮助到别人。让我们假设我们有一个如下的JavaScript数组,

var studentsArray =
     [
    {
    "rollnumber": 1,
    "name": "dj",
    "subject": "physics"
   },
   {
   "rollnumber": 2,
  "name": "tanmay",
  "subject": "biology"
   },
  {
   "rollnumber": 3,
   "name": "amit",
   "subject": "chemistry"
   },
  ];

现在,如果需要选择数组中的特定对象。让我们假设我们要查找名称为Tanmay的学生的索引。

我们可以通过遍历数组并比较给定键的值来做到这一点。

function functiontofindIndexByKeyValue(arraytosearch, key, valuetosearch) {

    for (var i = 0; i < arraytosearch.length; i++) {

    if (arraytosearch[i][key] == valuetosearch) {
    return i;
    }
    }
    return null;
    }

您可以使用该函数来查找特定元素的索引,如下所示,

var index = functiontofindIndexByKeyValue(studentsArray, "name", "tanmay");
alert(index);

9

使用indexOf

imageList.indexOf(200)


6

Array.indexOf在某些版本的Internet Explorer中不起作用-尽管有很多其他方法可以使用它...查看此问题/答案:如何检查数组是否包含JavaScript中的对象?


根据此页面developer.mozilla.org/en-US/docs/JavaScript/Reference/…,您需要Internet Explorer 9才能使用此功能(我几乎错误地认为我们在这里只是在谈论IE 6)
Simon_Weaver

您链接的该页面上的@Simon_Weaver中有一个适用于所有使用JavaScript 1.6及更高版本的浏览器的polyfill
Manse 2013年

5

当列表不是很长时,这是我所知道的最好方法:

function getIndex(val) {
    for (var i = 0; i < imageList.length; i++) {
        if (imageList[i] === val) {
            return i;
        }
    }
}

var imageList = [100, 200, 300, 400, 500];
var index = getIndex(200);

5

可以使用一个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');

0

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

首先,通过查找元素的index来检查元素是否存在。如果确实存在,请使用splice方法通过索引将其删除

elementPosition = array.indexOf(value);

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

0

在多维数组中


参考数组:

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

使用filterindexOf

var in_array = array.filter(function(item) { 
    return item.ID == '200' // look for the item where ID is equal to value
});
var index = array.indexOf(in_array[0]);

使用indexOf以下命令遍历数组中的每个项目:

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

-1
// Instead Of 
var index = arr.indexOf(200)

// Use 
var index = arr.includes(200);

请注意:Includes函数是数组上的一个简单实例方法,有助于轻松查找数组中是否有项目(包括与indexOf不同的NaN)


1
除此之外,仅告诉您它是否存在,而不是获取索引/项目,而要知道兼容性(即没有IE):caniuse.com/#search=includes
moto

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.