jQuery: Wie man ein Objekt mit einer bestimmten Eigenschaft einen bestimmten Wert?

Verwendung von jQuery, wie ich Durchlaufen, ein array von Objekten und zurück die eine, die bestimmte Kriterien erfüllt?

  • Dies hängt ganz auf das, was die Objekte und was die Bedingung ist. Wir brauchen einige Beispiel-Daten.
  • Was versuchen Sie zu tun? Können Sie nach ein paar code>
  • Jedes Objekt hat die ID und Menge Eigenschaften. Ein array enthält ein Dutzend oder so Objekten.
  • Warum war ich minus oned ?
InformationsquelleAutor David | 2012-03-09
  1. 14

    Können Sie die jQuery grep Funktion:

    var matches = jQuery.grep(array, function(item) {
    //this is a reference to the element in the array
    //you can do any test on it you want
    //return true if you want it to be in the resulting matches array
    //return false if you don't want it to be in the resulting matches array

    //for example: to find objects with the Amount property set to a certain value
    return(item.Amount === 100);
});
//matches contains all objects that matches
if (matches.length) {
    //first match is in matches[0]
}

    Wenn Ihre Bedingung, die Sie testen möchten, für die ist alles andere als eine strikte Gleichheit, dann müssen Sie irgendeine Art von array-iteration, führt Ihre benutzerdefinierten Vergleich. Sie könnten es tun, mit .each() oder mit .grep() je nachdem, welche Art der Ausgabe, die Sie wollen.

    Wenn Sie die Bedingung war eine strikte Gleichheit, die Sie nutzen könnten jQuery.inArray().

    Natürlich Sie nicht brauchen, jQuery, da könnte man einfach das array Durchlaufen selbst in plain javascript und umzusetzen, was Sie testen wollten. Ein Vorteil der Verwendung von plain javascript ist, dass Sie brechen kann aus der iteration, wenn Sie gefunden haben, das Ergebnis, die Sie wollen.

    In regelmäßigen javascript:

    for (var i = 0, len = array.length; i < len; i++) {
    if (array[i].Price === 100) {
        //match is in array[i]
        break;
    }
}
    • Schön, diese werden ebenso umgesetzt, wie Generic Lists / lambda .Where(n=>...) in C#
    • Laut jQuery Dokumentation this gebunden ist an das Globale window-Objekt, nicht auf das Element. Das Element ist der erste parameter der Funktion.
    • Thx - ich korrigierte er.
    InformationsquelleAutor jfriend00
  2. 1
    $([1,2,2,4]).filter(function(i,n){return n==2;});

    diese Suchanfrage wird sowohl 2

    grundsätzlich das array kann ein array von dom-Elementen oder ein beliebiges Feld überhaupt, wenn es wird ein array zurückgegeben, die von einem jQuery-Selektor können Sie einige Sache wie

    $('div.someClass').filter(function(){return $(this).hasClass('someOtherClass')})

    nur für eg-> das liefert alle divs, die haben beide someClass und someOtherClass (Hinweis: es gibt andere Wege, dies zu tun)

    Aktualisierung nach Ihrem Kommentar, die Sie tun können,

    $(yourArray).filter(function(i,n){return n.Amount && n.Amount == conditionValue;});
    InformationsquelleAutor labroo
  3. 0

    Sie nicht wirklich brauchen, jQuery zu tun, was Sie brauchen:

    var objects = [{id:23, amount:232}, {id:42, amount: 3434}, ...]

//the function which finds the object you want, pass in a condition function
function findObject(objectMeetsCondition){
     for(var i = 0 ; i < objects.length ; i++){
        if(objectMeetsCondition(objects[i])) return objects[i];
     }
}

//your custom condition that determines whether your object matches
function condition(obj){
   return obj.amount == 3434;
}

findObject(condition); //returns {id:42,amount:3434}
    InformationsquelleAutor ggreiner
Schreibe einen Kommentar