encontre o índice da matriz de um objeto com um valor de chave específico em sublinhado

91

Em sublinhado, posso encontrar com sucesso um item com um valor-chave específico

var tv = [{id:1},{id:2}]
var voteID = 2;
var data = _.find(tv, function(voteItem){ return voteItem.id == voteID; });
//data = { id: 2 }

mas como faço para encontrar o índice de matriz em que esse objeto ocorreu?

mheavers
fonte
Obrigado - isso é útil - mas no exemplo listado, você está procurando um único número em uma matriz de números - estou procurando um valor-chave em uma matriz de objetos. Esta função acomodará isso?
março de
2
Se é um teste numérico ou seu predicado de igualdade de propriedade, não importa, sim.
Bergi
Experimente findIndex:var dataIndex = _.findIndex(tv, { id: voteID })
Tom Söderlund
Considere aceitar a resposta que fornece uma solução de sublinhado , conforme solicitado na pergunta.
Nigel B. Peck de

Respostas:

28

Não sei se existe um método de sublinhado que faz isso, mas você pode obter o mesmo resultado com javascript simples.

Array.prototype.getIndexBy = function (name, value) {
    for (var i = 0; i < this.length; i++) {
        if (this[i][name] == value) {
            return i;
        }
    }
    return -1;
}

Então você pode apenas fazer:

var data = tv[tv.getIndexBy("id", 2)]

Tewathia
fonte
4
Por que não um return -1;por padrão?
Radu Chiriac
171

findIndex foi adicionado em 1.8:

index = _.findIndex(tv, function(voteItem) { return voteItem.id == voteID })

Veja: http://underscorejs.org/#findIndex

Como alternativa, isso também funciona, se você não se importar em fazer outra lista temporária:

index = _.indexOf(_.pluck(tv, 'id'), voteId);

Veja: http://underscorejs.org/#pluck

Ropez
fonte
Não tenho certeza sobre o sublinhado, mas no lodash você não precisa de uma função anônima, simplesmente index = _.findIndex(tv, {id: voteID})funcionará, também funciona se a tvcoleção tiver valores mais complicados (mais do que apenas uma idpropriedade)
Scott Jungwirth,
1
Apenas um ponto usando arrancar é muito mais lento. I por causa de sua travessia extra. jsperf.com/compare-find-index
Saberi
38

Se você deseja manter o sublinhado para que sua função de predicado seja mais flexível, aqui estão 2 ideias.

Método 1

Como o predicado para _.findrecebe o valor e o índice de um elemento, você pode usar o efeito colateral para recuperar o índice, como este:

var idx;
_.find(tv, function(voteItem, voteIdx){ 
   if(voteItem.id == voteID){ idx = voteIdx; return true;}; 
});

Método 2

Olhando para a fonte de sublinhado, é assim que _.findé implementado:

_.find = _.detect = function(obj, predicate, context) {
  var result;
  any(obj, function(value, index, list) {
    if (predicate.call(context, value, index, list)) {
      result = value;
      return true;
    }
  });
  return result;
};

Para tornar isso uma findIndexfunção, basta substituir a linha result = value;por result = index;Esta é a mesma ideia do primeiro método. Eu o incluí para apontar que o sublinhado também usa efeitos colaterais para implementar _.find.

lastoneisbearfood
fonte
37

Lo-Dash , que estende Underscore, tem findIndex método , que pode encontrar o índice de uma determinada instância, ou por um determinado predicado, ou de acordo com as propriedades de um determinado objeto.

No seu caso, eu faria:

var index = _.findIndex(tv, { id: voteID });

De uma chance.

splintor
fonte
findIntex é um método de baixo traço, não de sublinhado
Wallysson Nunes
4
@WallyssonNunes Isto é exatamente o que escrevi - "Lo-Dash, que estende Underscore, tem o método findIndex"
splintor
3
Isso agora faz parte da biblioteca de sublinhado padrão, a partir da versão 1.8.0: underscorejs.org/#1.8.0
Gage Trader
10

Se o seu ambiente de destino suporta ES2015 (ou você tem uma etapa de transpilar, por exemplo, com Babel), você pode usar o Array.prototype.findIndex nativo ().

Dado o seu exemplo

const array = [ {id:1}, {id:2} ]
const desiredId = 2;
const index = array.findIndex(obj => obj.id === desiredId);
Craigmichaelmartin
fonte
4

você pode usar o indexOfmétodo delodash

var tv = [{id:1},{id:2}]
var voteID = 2;
var data = _.find(tv, function(voteItem){ return voteItem.id == voteID; });
var index=_.indexOf(tv,data);
Amil Sajeev
fonte
3

Simplificando:

// Find the index of the first element in array
// meeting specified condition.
//
var findIndex = function(arr, cond) {
  var i, x;
  for (i in arr) {
    x = arr[i];
    if (cond(x)) return parseInt(i);
  }
};

var idIsTwo = function(x) { return x.id == 2 }
var tv = [ {id: 1}, {id: 2} ]
var i = findIndex(tv, idIsTwo) // 1

Ou, para quem não odeia, a variante CoffeeScript:

findIndex = (arr, cond) ->
  for i, x of arr
    return parseInt(i) if cond(x)
Joyrexus
fonte
1
melhor seriareturn parseInt(i) for i, x of array when cond(x)
meagar
1
como isso é simples do que as respostas anteriores?
ncubica
2

Isso é para ajudar os lodashusuários. verifique se sua chave está presente fazendo:

hideSelectedCompany(yourKey) {
 return _.findIndex(yourArray, n => n === yourKey) === -1;
}
Syed
fonte
1

A solução mais simples é usar lodash:

  1. Instale o lodash:

npm install - salvar lodash

  1. Use o método findIndex:

const _ = requer ('lodash');

findIndexByElementKeyValue = (elementKeyValue) => {
  return _.findIndex(array, arrayItem => arrayItem.keyelementKeyValue);
}
Jackkobec
fonte
0

Se você espera várias correspondências e, portanto, precisa que uma matriz seja retornada, tente:

_.where(Users, {age: 24})

Se o valor da propriedade for único e você precisar do índice da correspondência, tente:

_.findWhere(Users, {_id: 10})
Ketan
fonte
0
Array.prototype.getIndex = function (obj) {
    for (var i = 0; i < this.length; i++) {
        if (this[i][Id] == obj.Id) {
            return i;
        }
    }
    return -1;
}

List.getIndex(obj);
Chinna Amara
fonte
0

Eu tenho um caso semelhante, mas ao contrário é encontrar a chave usada com base no índice de um determinado objeto. Eu poderia encontrar a solução em sublinhado usando Object.valuespara retornar o objeto em uma matriz para obter o índice ocorrido.

var tv = {id1:1,id2:2};
var voteIndex = 1;
console.log(_.findKey(tv, function(item) {
  return _.indexOf(Object.values(tv), item) == voteIndex;
}));
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js"></script>

Chetabahana
fonte