Question

说我有这个

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

哪个给了我

[0]100 [1]200等。

JavaScript中是否有任何方法可以使用值返回索引？

即。我希望 200 的索引，我返回 1 。

Answer 1

您可以使用indexOf：

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

如果它无法在数组中找到值，你将获得-1。

Answer 2

对于对象数组，将map与indexOf一起使用：

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

的一部分

Answer 3

使用jQuery的功能 jQuery.inArray

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

Answer 4

这是另一种在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);

Answer 5

使用indexOf

imageList.indexOf(200)

Answer 6

indexOf怎么样？

alert(imageList.indexOf(200));

Answer 7

Array.indexOf在某些版本的Internet Explorer中不起作用 - 尽管有很多其他方法可以做到这一点...请参阅此问题/答案：How do I check if an array includes an object in JavaScript?

Answer 8

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

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

Answer 9

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

MDN says：

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

Answer 10

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

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

请注意：包含函数是数组上的一个简单实例方法，有助于轻松查找项目是否在数组中（包括NaN与indexOf不同）

Answer 11

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

首先通过looking for it's index检查元素是否存在。如果确实存在，请使用splice方法通过索引将其删除

elementPosition = array.indexOf(value);

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

Answer 12

在多维数组中。

引用数组：

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

使用filter和indexOf：

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

如何用值找到数组索引？

12 个答案:

在多维数组中。