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

Im Unterstrich kann ich erfolgreich ein Element mit einem bestimmten Schlüsselwert 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 das Objekt aufgetreten ist?

findIndex wurde in 1.8 hinzugefügt:

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

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

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

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

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

Lo-Dashdas Underscore erweitert, hat findIndex Methode, die den Index einer bestimmten Instanz finden kann, oder durch ein bestimmtes Prädikat oder gemäß den Eigenschaften eines bestimmten Objekts.

In deinem Fall würde ich tun:

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

Versuche es.

Wenn Sie beim Unterstrich bleiben möchten, damit Ihre Prädikatfunktion flexibler ist, hier sind 2 Ideen.

Methode 1

Da das Prädikat für _.find erhält sowohl den Wert als auch den Index eines Elements, können Sie den Index wie folgt abrufen:

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

Methode 2

Wenn Sie sich die Unterstrichquelle ansehen, gehen Sie folgendermaßen vor _.find ist 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 machen, a findIndex Funktion, ersetzen Sie einfach die Zeile result = value; mit result = index; Dies ist die gleiche Idee wie bei der ersten Methode. Ich habe es eingefügt, um darauf hinzuweisen, dass der Unterstrich Nebeneffekte zur Implementierung verwendet _.find auch.

Ich weiß nicht, ob es eine vorhandene Unterstrichmethode gibt, die dies tut, aber Sie können dasselbe 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)]

Wenn Ihre Zielumgebung ES2015 unterstützt (oder Sie einen Transpile-Schritt haben, zB mit Babel), können Sie das native Array.prototype.findIndex() verwenden.

Angesichts Ihres Beispiels

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

Sie können verwenden indexOf Methode aus lodash

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

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)