假设我有这个
imageList = [100,200,300,400,500];
这让我
[0]100[1]200等。
在JavaScript中是否有方法返回值的索引?
例如,我想要200的索引,返回1。
假设我有这个
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');
其他回答
使用indexOf
imageList.indexOf(200)
对于对象数组,使用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。
当列表不是很长时,这是我所知道的最好的方法:
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);
// Instead Of
var index = arr.indexOf(200)
// Use
var index = arr.includes(200);
请注意:Includes函数是数组上的一个简单实例方法,有助于轻松查找数组中是否有项(包括NaN,不像indexOf)