znajdź indeks tablicy obiektu z określoną wartością klucza w podkreśleniu

91

W podkreśleniu z powodzeniem mogę znaleźć element o określonej wartości kluczowej

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

ale jak mogę znaleźć indeks tablicy, w którym wystąpił ten obiekt?

mheavers
źródło
Dzięki - jest to przydatne - ale w podanym przykładzie szukasz pojedynczej liczby w tablicy liczb - szukam wartości klucza w tablicy obiektów. Czy ta funkcja to umożliwi?
mheavers
2
Niezależnie od tego, czy jest to test numeryczny, czy predykat dotyczący równowagi właściwości, nie ma znaczenia, tak.
Bergi
Spróbuj findIndex:var dataIndex = _.findIndex(tv, { id: voteID })
Tom Söderlund
Rozważ przyjęcie odpowiedzi, która daje rozwiązanie podkreślenia , zgodnie z zapytaniem.
Nigel B. Peck

Odpowiedzi:

28

Nie wiem, czy istnieje metoda podkreślenia, która to robi, ale ten sam wynik można osiągnąć za pomocą zwykłego kodu JavaScript.

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

Następnie możesz po prostu zrobić:

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

tewathia
źródło
4
Dlaczego nie return -1;domyślnie?
Radu Chiriac,
171

findIndex dodano w 1.8:

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

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

Alternatywnie działa to również, jeśli nie masz nic przeciwko utworzeniu kolejnej listy tymczasowej:

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

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

Ropez
źródło
Nie jestem pewien co do podkreślenia, ale w lodash nie potrzebujesz anonimowej funkcji, po prostu index = _.findIndex(tv, {id: voteID})zadziała, działa również, jeśli tvkolekcja ma bardziej skomplikowane wartości (więcej niż tylko idwłasność)
Scott Jungwirth
1
Tylko jeden punkt z użyciem zrywki jest o wiele wolniejszy. Ja ze względu na jego dodatkowy trawers. jsperf.com/compare-find-index
Farshid Saberi
38

Jeśli chcesz pozostać przy podkreśleniu, aby Twoja funkcja predykatu była bardziej elastyczna, oto 2 pomysły.

Metoda 1

Ponieważ predykat dla _.findotrzymuje zarówno wartość, jak i indeks elementu, możesz użyć efektu ubocznego do pobrania indeksu, na przykład:

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

Metoda 2

Patrząc na źródło podkreślenia, jest _.findto realizowane w następujący sposób:

_.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;
};

Aby zrobić to na findIndexfunkcję, wystarczy zamienić linię result = value;z result = index;ta idea jest taka sama jak w pierwszej metodzie. Dodałem to, aby zwrócić uwagę, że podkreślenie również wykorzystuje efekt uboczny _.find.

lastoneisbearfood
źródło
37

Lo-Dash , który jest rozszerzeniem Underscore, posiada metodę findIndex , która może znaleźć indeks danej instancji, według określonego predykatu lub według właściwości danego obiektu.

W twoim przypadku zrobiłbym:

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

Spróbuj.

drzazga
źródło
findIntex to metoda z lo-dash, a nie z podkreślenia
Wallysson Nunes
4
@WallyssonNunes To jest dokładnie to, co napisałem - „Lo-Dash, który rozszerza Underscore, ma metodę findIndex”
splintor
3
Jest to teraz część standardowej biblioteki podkreśleń, od wersji 1.8.0: underscorejs.org/#1.8.0
Gage Trader
10

Jeśli twoje środowisko docelowe obsługuje ES2015 (lub masz krok transpile, np. Z Babel), możesz użyć natywnej Array.prototype.findIndex ().

Biorąc pod uwagę twój przykład

const array = [ {id:1}, {id:2} ]
const desiredId = 2;
const index = array.findIndex(obj => obj.id === desiredId);
craigmichaelmartin
źródło
4

możesz użyć indexOfmetody zlodash

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
źródło
3

To proste:

// 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

Lub, dla nienawidzących, wariant CoffeeScript:

findIndex = (arr, cond) ->
  for i, x of arr
    return parseInt(i) if cond(x)
joyrexus
źródło
1
byłoby lepiejreturn parseInt(i) for i, x of array when cond(x)
meagar
1
jak to jest proste niż poprzednie odpowiedzi?
ncubica
2

Ma to pomóc lodashużytkownikom. sprawdź, czy klucz jest obecny, wykonując:

hideSelectedCompany(yourKey) {
 return _.findIndex(yourArray, n => n === yourKey) === -1;
}
Syed
źródło
1

Najprostszym rozwiązaniem jest użycie lodash:

  1. Zainstaluj lodash:

npm install --save lodash

  1. Użyj metody findIndex:

const _ = require ('lodash');

findIndexByElementKeyValue = (elementKeyValue) => {
  return _.findIndex(array, arrayItem => arrayItem.keyelementKeyValue);
}
Jackkobec
źródło
0

Jeśli spodziewasz się wielu dopasowań i dlatego potrzebujesz zwróconej tablicy, spróbuj:

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

Jeśli wartość właściwości jest unikalna i potrzebujesz indeksu dopasowania, spróbuj:

_.findWhere(Users, {_id: 10})
Ketan
źródło
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
źródło
0

Mam podobny przypadek, ale w przeciwieństwie do znalezienia używanego klucza na podstawie indeksu danego obiektu. Mogłem znaleźć rozwiązanie w podkreśleniu, używając Object.valuesdo zwracania obiektu do tablicy, aby uzyskać wystąpiony indeks.

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
źródło