Iterowanie właściwości obiektu JavaScript przy użyciu jQuery


116

Czy istnieje sposób jQuery do wykonywania iteracji na składowych obiektu, na przykład w:

    for (var member in obj) {
        ...
    }

Po prostu nie podoba mi się, że to forwystaje z mojej uroczej notacji jQuery!

Odpowiedzi:


210
$.each( { name: "John", lang: "JS" }, function(i, n){
    alert( "Name: " + i + ", Value: " + n );
});

każdy


Myślę też, że nto ostrzeżenie nie jest całkowicie poprawne. Przynajmniej mogłoby to byćn.name
Eugene

2
@Eugene: Nie rozumiem. Każda funkcja przyjmuje tablicę lub obiekt jako pierwszy argument i funkcję jako drugą. Ta funkcja jest wywoływana dla każdego elementu tablicy / każdej właściwości obiektu. Za każdym razem, gdy funkcja jest wywoływana, pobiera indeks i wartość / nazwę i wartość przekazaną jako argumenty. W moim przykładzie parametr „n” to dwa ciągi znaków „John” i „JS”. Właściwość „name” będzie miała wartość „undefined”.
Tim Büthe

Tak. Myliłem się tutaj. Jakoś pomyślałem, że każda właściwość w obiekcie to inny obiekt z np. Nazwą właściwości będącą ciągiem znaków. Oczywiście wszystko to jest złe. Tak mi przykro. :)
Eugene

4
każdy ma znacznie więcej funkcji: thisjest również n. return falseprzerywa każdą pętlę ...
andy

56

Możesz użyć również eachdla obiektów, a nie tylko dla tablic:

var obj = {
    foo: "bar",
    baz: "quux"
};
jQuery.each(obj, function(name, value) {
    alert(name + ": " + value);
});

9

Ta metoda przejdzie przez właściwości obiektu i zapisze je w konsoli z rosnącym wcięciem:

function enumerate(o,s){

    //if s isn't defined, set it to an empty string
    s = typeof s !== 'undefined' ? s : "";

    //iterate across o, passing keys as k and values as v
    $.each(o, function(k,v){

        //if v has nested depth
        if(typeof v == "object"){

            //write the key to the console
            console.log(s+k+": ");

            //recursively call enumerate on the nested properties
            enumerate(v,s+"  ");

        } else {

            //log the key & value
            console.log(s+k+": "+String(v));
        }
    });
}

Po prostu podaj obiekt, przez który chcesz iterować:

var response = $.ajax({
    url: myurl,
    dataType: "json"
})
.done(function(a){
   console.log("Returned values:");
   enumerate(a);
})
.fail(function(){ console.log("request failed");});

Używanie tego, gdy wartość ma wartość null, błędy z błędem „Uncaught TypeError: Cannot read property 'length' of null"
JustinStolle

3

Późno, ale można to zrobić za pomocą Object.keys, takich jak,

var a={key1:'value1',key2:'value2',key3:'value3',key4:'value4'},
  ulkeys=document.getElementById('object-keys'),str='';
var keys = Object.keys(a);
for(i=0,l=keys.length;i<l;i++){
   str+= '<li>'+keys[i]+' : '+a[keys[i]]+'</li>';
}
ulkeys.innerHTML=str;
<ul id="object-keys"></ul>

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.