如何用值找到数组索引?

问题描述 投票:179回答:11

说我有这个

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

哪能给我

[0]100 [1]200

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

即我希望索引为200,我得到返回1。

javascript arrays indexof
11个回答
289
投票

你可以使用indexOf

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

如果在数组中找不到值,则会得到-1。


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

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


0
投票

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

首先检查let carIndex = someArray.findIndex( filterCarObj=> filterCarObj['property'] === 'CarNumber'); 是否存在该元素。如果确实存在,请使用// Instead Of var index = arr.indexOf(200) // Use var index = arr.includes(200); 方法将其删除

looking for it's index

57
投票

对于对象数组,使用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和supported by Chrome,FF,Safari和Edge


16
投票

使用jQuery的函数jQuery.inArray

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

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);

8
投票

使用indexOf

imageList.indexOf(200)

6
投票

indexOf怎么样?

alert(imageList.indexOf(200));

5
投票

qazxsw poi在某些版本的Internet Explorer中不起作用 - 尽管有很多其他方法可以做到这一点...看到这个问题/答案:qazxsw poi


5
投票

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

Array.indexOf

4
投票

可以使用How do I check if an array includes an object in JavaScript?函数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);

ES6

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

MDN says

按对象属性查找索引。

要按对象属性查找索引:

findIndex()

例如,有一个这样的数组:

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

// expected output: 1

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

yourArray.findIndex(obj => obj['propertyName'] === yourValue)
© www.soinside.com 2019 - 2024. All rights reserved.