Как найти индекс массива со значением?


199

Скажи, что у меня есть это

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

Что дает мне

[0]100 [1]200 и т.п.

Есть ли способ в JavaScript вернуть индекс со значением?

Т.е. я хочу индекс на 200 , мне возвращается 1 .


5
Отличный ответ здесь -> stackoverflow.com/questions/237104/…
Manse

Ответы:


316

Вы можете использовать indexOf:

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

Вы получите -1, если не сможете найти значение в массиве.


2
Вы можете использовать developer.mozilla.org/en/JavaScript/Reference/Global_Objects/… или любой фреймворк Javascript, чтобы исправить это.
Voigtan

1
Только что обнаружил, что он не будет работать в IE8. Какая у меня альтернатива?
Джоедборг

@voigtan Как мне добавить это к моему JS?
Джоедборг

5
Я сделал это, спасибо. IE однажды догонит современность!
Джоедборг

Также не будет работать в недавнем IE, если в режиме совместимости
pelms

74

Для массива объектов используйте 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


1
Обратите внимание, что findIndex не реализован в IE 11
Bindrid

2
@Bindrid написано в ответе, см. «Его часть ES6 и поддерживается Chrome, FF, Safari и (к сожалению, только) IE edge»
Jaqen H'ghar

17

Используйте функцию jQuery jQuery.inArray

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

Собирался использовать код, помеченный как правильный ответ, но кажется, что этот код не будет работать во всех версиях IE. Этот ответ работает во всех версиях IE, но я немного изменил код: var arrayPosition = $ .inArray (value, Array); отлично работает
Джеймс Блэкберн

6
JQuery ≠ Javascript
Эндрю

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



6

Array.indexOfне работает в некоторых версиях Internet Explorer - есть много альтернативных способов сделать это ... см. этот вопрос / ответ: Как я могу проверить, содержит ли массив объект в JavaScript?


в соответствии с этой страницей developer.mozilla.org/en-US/docs/JavaScript/Reference/… вам нужен Internet Explorer 9 для этой функции (я почти ошибочно предположил, что мы только что говорили о IE 6 здесь)
Simon_Weaver

@Simon_Weaver на той странице, на которую вы ссылаетесь, есть полифилл для всех браузеров, использующих JavaScript 1.6 и выше
Manse

5

Когда списки не очень длинные, это лучший способ, который я знаю:

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

5

Можно использовать 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');

0

Вот мое мнение, кажется, что большинство решений людей не проверяют, существует ли элемент, и удаляет случайные значения, если он не существует.

Сначала проверьте, существует ли элемент, ища его индекс . Если он существует, удалить его с помощью своего индекса с использованием сплайсинга метода

elementPosition = array.indexOf(value);

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

0

В многомерном массиве .


Ссылочный массив:

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

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

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

Обратите внимание : функция Includes - это простой метод экземпляра в массиве, который помогает легко определить, находится ли элемент в массиве (включая NaN в отличие от indexOf).


1
В дополнение к этому, сообщая только о том, существует ли он, вместо получения индекса / элемента, следует знать о совместимости (т. Е. Об
moto

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.