说我有这个
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。
您可以使用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);
使用 indexOf
imageList.indexOf(200)
怎么样indexOf
?
alert(imageList.indexOf(200));
Array.indexOf
在某些版本的 Internet Explorer 中不起作用 - 虽然有很多替代方法......请参阅这个问题/答案:如何检查数组是否包含 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
。
该
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 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);
}
}
这是我的看法,似乎大多数人的解决方案不检查该项目是否存在,如果它不存在,它会删除随机值。
首先通过查找它的索引来检查元素是否存在。如果确实存在,则使用splice方法通过其索引将其删除
elementPosition = array.indexOf(value);
if(elementPosition != -1) {
array.splice(elementPosition, 1);
}
// Instead Of
var index = arr.indexOf(200)
// Use
var index = arr.includes(200);
请注意:Includes 函数是数组上的一个简单实例方法,有助于轻松查找项目是否在数组中(包括 NaN,与 indexOf 不同)