Як знайти індекс масиву зі значенням?


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. Яка моя альтернатива?
joedborg

@voigtan Як додати це до свого JS?
joedborg

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 (значення, 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"
   },
  ];

Тепер якщо у нас є вимога вибрати певний об'єкт у масиві. Припустимо, що ми хочемо знайти індекс студента з прізвищем Танмай.

Ми можемо зробити це шляхом ітерації через масив та порівняння значення заданого ключа.

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.