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

Question

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

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

Что дает мне

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

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

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

Answer 1

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

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

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

Answer 2

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

Answer 3

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

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

Answer 4

Вот еще один способ найти значение индекса в сложном массиве в 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);

Answer 5

Использовать indexOf

imageList.indexOf(200)

Answer 6

как насчет indexOf?

alert(imageList.indexOf(200));

Answer 7

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

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

Answer 8

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

Answer 9

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

Answer 10

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

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

elementPosition = array.indexOf(value);

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