iterazione proprietà di un oggetto JavaScript utilizzando jQuery

Question

Esiste un modo jQuery per eseguire l'iterazione sui membri di un oggetto, come ad esempio in:

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

solo che non mi piace questo for spuntava da fra la mia bella notazione jQuery !

Answer 1

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

each

Answer 2

È possibile utilizzare each per gli oggetti troppo e non solo per gli array:

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

Answer 3

Questo metodo vi guiderà attraverso le proprietà degli oggetti e scriverli alla console con l'aumentare trattino:

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)); 
     } 
    }); 
} 

Basta passarlo l'oggetto si vuole scorrere:

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

Answer 4

tardi, ma può essere fatto utilizzando Object.keys come,

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>