220

说我有这个

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

这给了我

[0]100 [1]200等等

JavaScript中有什么方法可以返回带有值的索引吗?

即我想要200的索引,我返回1

4

12 回答 12

349

您可以使用indexOf

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

如果在数组中找不到值,您将得到 -1。

于 2011-09-08T10:49:35.293 回答
91

对于对象数组使用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支持

于 2016-05-17T10:57:47.970 回答
18

使用 jQuery 的函数 jQuery.inArray

jQuery.inArray( value, array [, fromIndex ] )
(or) $.inArray( value, array [, fromIndex ] )
于 2013-03-10T04:20:34.707 回答
16

这是另一种在 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);
于 2015-08-12T12:51:19.390 回答
10

使用 indexOf

imageList.indexOf(200)
于 2011-09-08T10:50:55.137 回答
8

怎么样indexOf

alert(imageList.indexOf(200));
于 2011-09-08T10:51:51.987 回答
7

Array.indexOf在某些版本的 Internet Explorer 中不起作用 - 虽然有很多替代方法......请参阅这个问题/答案:如何检查数组是否包含 JavaScript 中的对象?

于 2011-09-08T10:55:36.363 回答
6

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

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);
于 2015-03-21T07:59:42.473 回答
6

可以使用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');
于 2017-12-27T07:02:39.630 回答
4

在多维数组中。


参考数组:

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

使用filterindexOf

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);
    }
}
于 2020-02-17T19:29:09.873 回答
1

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

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

elementPosition = array.indexOf(value);

if(elementPosition != -1) {
  array.splice(elementPosition, 1);
}
于 2018-09-24T17:35:37.560 回答
-1
// Instead Of 
var index = arr.indexOf(200)

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

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

于 2018-04-10T10:18:03.660 回答