Como encontrar o índice da matriz com um valor?


Respostas:


316

Você pode usar indexOf:

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

Você receberá -1 se não conseguir encontrar um valor na matriz.


2
você pode usar developer.mozilla.org/en/JavaScript/Reference/Global_Objects/… ou qualquer estrutura Javascript para corrigir isso.
voigtan

1
Acabei de descobrir que não funcionará no IE8. Qual a minha alternativa?
joedborg

@voigtan Como adiciono isso ao meu JS?
joedborg

5
Eu fiz isso, obrigado. O IE um dia alcançará os tempos modernos!
joedborg 8/09/11

Também não funcionará no recente IE se em modo de compatibilidade
pelms

74

Para a matriz de objetos, use mapcom 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);


Nos navegadores modernos, você pode usar findIndex:

var imageList = [
   {value: 100},
   {value: 200},
   {value: 300},
   {value: 400},
   {value: 500}
];

var index = imageList.findIndex(img => img.value === 200);

console.log(index);

Faz parte do ES6 e é suportado pelo Chrome, FF, Safari e Edge


1
Observe que o findIndex não está implementado no IE 11
Bindrid

2
@Bindrid está escrito em resposta Ver "Sua parte ES6 e apoiado pelo Chrome, FF, Safari e (Infelizmente apenas) IE borda"
Jaqen H'ghar

17

Use a função jQuery jQuery.inArray

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

Iria usar o código marcado como a resposta correta, mas parece que esse código não funcionará em todas as versões do IE. Esta resposta funciona em todas as versões do IE, mas alterei ligeiramente o código: var arrayPosition = $ .inArray (value, Array); funciona perfeitamente
James Blackburn

6
jQuery ≠ Javascript
Andrew

13

Aqui está uma outra maneira de encontrar o índice de valor em uma matriz complexa em javascript. Espero ajudar alguém de fato. Vamos supor que temos uma matriz JavaScript da seguinte forma:

var studentsArray =
     [
    {
    "rollnumber": 1,
    "name": "dj",
    "subject": "physics"
   },
   {
   "rollnumber": 2,
  "name": "tanmay",
  "subject": "biology"
   },
  {
   "rollnumber": 3,
   "name": "amit",
   "subject": "chemistry"
   },
  ];

Agora, se tivermos um requisito para selecionar um objeto específico na matriz. Vamos supor que queremos encontrar o índice do aluno com o nome Tanmay.

Podemos fazer isso iterando pela matriz e comparando o valor na chave fornecida.

function functiontofindIndexByKeyValue(arraytosearch, key, valuetosearch) {

    for (var i = 0; i < arraytosearch.length; i++) {

    if (arraytosearch[i][key] == valuetosearch) {
    return i;
    }
    }
    return null;
    }

Você pode usar a função para encontrar o índice de um elemento específico, como abaixo,

var index = functiontofindIndexByKeyValue(studentsArray, "name", "tanmay");
alert(index);



6

Array.indexOfnão funciona em algumas versões do Internet Explorer - existem várias maneiras alternativas de fazê-lo ... consulte esta pergunta / resposta: Como verifico se uma matriz inclui um objeto em JavaScript?


de acordo com esta página developer.mozilla.org/en-US/docs/JavaScript/Reference/... você precisa Internet Explorer 9 para este recurso (eu quase supôs erradamente que estávamos falando IE 6 aqui)
Simon_Weaver

@Simon_Weaver nessa página é ligada há um polyfill para todos os navegadores que usam JavaScript 1.6 ou superior
Manse

5

Quando as listas não são extremamente longas, esta é a melhor maneira que eu sei:

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

É possível usar uma ES6função Array.prototype.findIndex.

MDN diz :

O findIndex()método retorna o índice do primeiro elemento na matriz que satisfaz a função de teste fornecida. Caso contrário, -1 será retornado.

var fooArray = [5, 10, 15, 20, 25];
console.log(fooArray.findIndex(num=> { return num > 5; }));

// expected output: 1

Encontre um índice por propriedade do objeto.

Para encontrar um índice por propriedade do objeto:

yourArray.findIndex(obj => obj['propertyName'] === yourValue)

Por exemplo, existe uma matriz desse tipo:

let someArray = [
    { property: 'OutDate' },
    { property: 'BeginDate'},
    { property: 'CarNumber' },
    { property: 'FirstName'}
];

Em seguida, o código para encontrar um índice da propriedade necessária se parece com o seguinte:

let carIndex = someArray.findIndex( filterCarObj=> 
    filterCarObj['property'] === 'CarNumber');

0

Aqui está minha opinião, parece que a maioria das soluções das pessoas não verifica se o item existe e remove valores aleatórios se não existir.

Primeiro verifique se o elemento existe procurando por seu índice . Se existir, remova-o pelo seu índice usando o método de emenda

elementPosition = array.indexOf(value);

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

0

Em uma matriz multidimensional .


Matriz de referência:

var array = [
    { ID: '100', },
    { ID: '200', },
    { ID: '300', },
    { ID: '400', },
    { ID: '500', }
];

Usando filtere 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]);

Loop através de cada item na matriz usando 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);

Observação : a função Inclui é um método de instância simples na matriz e ajuda a encontrar facilmente se um item está na matriz (incluindo NaN ao contrário de indexOf)


1
Além de isso só dizendo que se ela existir, em vez de começar o índice / item, estar ciente da compatibilidade (ou seja, sem IE): caniuse.com/#search=includes
moto

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.