说我有这个
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。
Answers:
您可以使用indexOf
:
var imageList = [100,200,300,400,500];
var index = imageList.indexOf(200); // 1
如果无法在数组中找到值,则将得到-1。
对于对象阵列使用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的一部分,并受 Chrome,FF,Safari和Edge支持
使用jQuery的函数 jQuery.inArray
jQuery.inArray( value, array [, fromIndex ] )
(or) $.inArray( value, array [, fromIndex ] )
这是用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);
Array.indexOf
在某些版本的Internet Explorer中不起作用-尽管有很多其他方法可以使用它...查看此问题/答案:如何检查数组是否包含JavaScript中的对象?
可以使用一个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');
参考数组:
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);
}
}
// Instead Of
var index = arr.indexOf(200)
// Use
var index = arr.includes(200);
请注意:Includes函数是数组上的一个简单实例方法,有助于轻松查找数组中是否有项目(包括与indexOf不同的NaN)