web-dev-qa-db-de.com

finden Sie den Array-Index eines Objekts mit einem bestimmten Schlüsselwert im Unterstrich

In Unterstrich kann ich einen Artikel mit einem bestimmten Schlüsselwert erfolgreich finden

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

aber wie finde ich heraus, an welchem ​​Array-Index dieses Objekt aufgetreten ist?

76
mheavers

Ich weiß nicht, ob es dafür eine Unterstrichmethode gibt, aber Sie können das gleiche Ergebnis mit einfachem Javascript erzielen.

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

Dann können Sie einfach tun:

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

28
tewathia

findIndex wurde in 1.8 hinzugefügt:

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

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

Alternativ funktioniert dies auch, wenn es Ihnen nichts ausmacht, eine andere temporäre Liste zu erstellen:

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

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

152
Ropez

Wenn Sie mit Unterstrich bleiben möchten, damit Ihre Prädikatsfunktion flexibler sein kann, sind hier zwei Ideen.

Methode 1

Da das Prädikat für _.find sowohl den Wert als auch den Index eines Elements empfängt, können Sie den Index mithilfe des Nebeneffekts abrufen:

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

Methode 2

Im Hinblick auf die Unterstreichungsquelle wird _.find folgendermaßen implementiert:

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

Um dies zu einer findIndex-Funktion zu machen, ersetzen Sie einfach die Zeile result = value; durch result = index;. Dies ist dieselbe Idee wie bei der ersten Methode. Ich habe es hinzugefügt, um darauf hinzuweisen, dass Unterstrich Nebeneffekte verwendet, um auch _.find zu implementieren.

37

Lo-Dash , das den Unterstrich erweitert, hat die Methode findIndex , die den Index einer bestimmten Instanz oder anhand eines bestimmten Prädikats oder gemäß den Eigenschaften eines bestimmten Objekts ermitteln kann.

In Ihrem Fall würde ich Folgendes tun:

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

Versuche es.

33
splintor

Wenn Ihre Zielumgebung ES2015 unterstützt (oder Sie einen Transpilschritt haben, z. B. mit Babel), können Sie das native Array.prototype.findIndex () verwenden.

Angenommen, Ihr Beispiel

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

sie können die indexOf-Methode von lodash verwenden.

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

Halten Sie es einfach:

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

Oder für Nicht-Hasser die CoffeeScript-Variante:

findIndex = (arr, cond) ->
  for i, x of arr
    return parseInt(i) if cond(x)
3
joyrexus

Dies soll lodash Benutzern helfen. Prüfen Sie, ob Ihr Schlüssel vorhanden ist:

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

Die einfachste Lösung ist die Verwendung von lodash:

  1. Installieren Sie lodash:

npm install --save lodash

  1. Verwenden Sie die Methode findIndex:

const _ = require ('lodash');

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

Wenn Sie mehrere Übereinstimmungen erwarten und daher ein Array zurückgegeben werden müssen, versuchen Sie Folgendes:

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

Wenn der Eigenschaftswert eindeutig ist und Sie den Index der Übereinstimmung benötigen, versuchen Sie Folgendes:

_.findWhere(Users, {_id: 10})
0
Ketan
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);
0
Chinna Amara