Bekommen index des array von Objekten via jquery

Habe ich Folgendes array:

var = array[
            {"id" : "aa", "description" : "some description"},
            {"id" : "bb", "description" : "some more description"},
            {"id" : "cc", "description" : "a lot of description"}]

und ich versuche zu finden, den index des array mit den id === "bb". Die Lösung, die ich mir ausgedacht habe ist folgende:

var i = 0;
while(array[i].id != "bb"){
   i++;
}
alert(i) //returns 1

Gibt es ein einfacher Weg, die hat cross-browser-Funktionalität? Ich habe versucht $.inArray(id,array) aber es funktioniert nicht.

Einfacher? Was für ein Teil das nicht schon zu einfach? (obwohl Sie sollten einige Validierung um sicherzustellen, dass die id existiert)
Ich weiß, dass ich nur glaube, ich habe zu vermeiden, Schleifen Sie so viel wie möglich 😉 Also dachte ich es gibt vielleicht eine Möglichkeit.... Guter Punkt mit der Validierung. Eine einfache try/catch-sollte die Arbeit tun, richtig?
Keine Notwendigkeit für try/catch. Verwenden Sie einfach ein for loop statt while und verwenden -1 als das Ergebnis, wenn keiner gefunden wird, das scheint weitverbreitet zu sein. Ich werde Ihnen eine Antwort, die ich denke

InformationsquelleAutor FLuttenb | 2013-10-01

  1. 5

    Sehe ich keine problem mit der Komplexität des Codes, aber ich würde empfehlen, ein paar änderungen, einschließlich der Zugabe von einigen Validierung falls der Wert nicht vorhanden ist. Weiter können Sie wickeln Sie es alle in einer wiederverwendbaren Helfer-Funktion...

    function getArrayIndexForKey(arr, key, val){
    for(var i = 0; i < arr.length; i++){
        if(arr[i][key] == val)
            return i;
    }
    return -1;
}

    Diese können dann verwendet werden, in deinem Beispiel etwa so:

    var index = getArrayIndexForKey(array, "id", "bb");
//index will be -1 if the "bb" is not found

    Hier ist ein funktionierendes Beispiel

    HINWEIS: Dies sollte cross-browser kompatibel, und wird wahrscheinlich auch schneller sein als jede JQuery-alternative.

    Dieser buggy ist beim aktualisieren des Browsers. Aktualisieren müssen Sie zweimal, um aktualisiert zu werden wahr-index

    InformationsquelleAutor musefan

  2. 2
    var myArray = [your array];
var i = 0;

$.each(myArray, function(){
    if (this.id === 'bb') return false;
    i++;
})

console.log(i) //will log '1'

    Update mit modernen JS.

    let index
myArray.map(function(item, i){
    if (item.id === 'cc') index = i
})

console.log(index) //will log '2'

    InformationsquelleAutor Labu

  3. 1

    inArray kann nicht Arbeit mit mehrdimensionalen Arrays so versuchen wie folgt

    var globalarray= [
            {"id" : "aa", "description" : "some description1"},
            {"id" : "bb", "description" : "some more description"},
            {"id" : "cc", "description" : "a lot of description"}];
var theIndex = -1;
for (var i = 0; i < globalarray.length; i++) {
    if (globalarray[i].id == 'bb') {
        theIndex = i;
        break;
    }
}
alert(theIndex);

    Demo

    InformationsquelleAutor Thirumalai murugan

  4. 0

    Können Sie jQuery verwenden.jeder - http://api.jquery.com/jQuery.each/

    var i;
jQuery.each(array, function(index, value){
   if(value.id == 'bb'){
      i = index;
      return false; //retrun false to stop the loops
   }
});

    InformationsquelleAutor Chokchai

  5. 0
    Object.keys(yourObject).indexOf(yourValue);
    Fügen Sie bitte eine Erklärung, so dass die OP versteht, warum dieser code löst sein problem.

    InformationsquelleAutor Andrii Skreka

Schreibe einen Kommentar