다음과 같이 객체의 멤버에 대해 반복을 수행하는 jQuery 방법이 있습니까?
for (var member in obj) {
...
}
나는 for
내 사랑스러운 jQuery 표기법 사이에서 튀어 나오는 것을 좋아하지 않는다 !
답변
$.each( { name: "John", lang: "JS" }, function(i, n){
alert( "Name: " + i + ", Value: " + n );
});
답변
each
배열뿐만 아니라 객체에도 사용할 수 있습니다 .
var obj = {
foo: "bar",
baz: "quux"
};
jQuery.each(obj, function(name, value) {
alert(name + ": " + value);
});
답변
이 메서드는 개체 속성을 살펴보고 들여 쓰기를 늘리면서 콘솔에 씁니다.
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));
}
});
}
반복하려는 객체를 전달하십시오.
var response = $.ajax({
url: myurl,
dataType: "json"
})
.done(function(a){
console.log("Returned values:");
enumerate(a);
})
.fail(function(){ console.log("request failed");});
답변
늦었지만 다음 과 같은 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>