itérer un des propriétés de l'objet en utilisant JavaScript jQuery

Question

est-il un moyen jQuery pour effectuer l'itération sur les membres d'un objet, comme dans:

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

Je n'aime pas ce for qui sort parmi ma belle notation jQuery !

Answer 1

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

each

Answer 2

Vous pouvez utiliser aussi et non each pour les objets que pour les tableaux:

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

Answer 3

Cette méthode guidera à travers les propriétés des objets et de les écrire sur la console avec tiret de plus en plus:

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

Il suffit de passer l'objet vous voulez itérer:

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

Answer 4

tard, mais peut être fait en utilisant comme Object.keys,

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>