[JQUERY] jQuery를 사용하여 JavaScript 객체의 속성을 반복합니다

jQuery를 사용하여 JavaScript 객체의 속성을 반복합니다

해결법

1. ---

   1.

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

   마다

2. ---

   2.각 객체에 대해서도 각 객체를 사용할 수 있습니다.

   각 객체에 대해서도 각 객체를 사용할 수 있습니다.

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

3. ---

   3.참고 : 대부분의 현대 브라우저는 이제 개발자 콘솔에서 개체를 탐색 할 수 있습니다. 이 대답은 antiquated입니다.

   참고 : 대부분의 현대 브라우저는 이제 개발자 콘솔에서 개체를 탐색 할 수 있습니다. 이 대답은 antiquated입니다.

   이 방법은 객체 속성을 통과하고 들여 쓰기가 증가함에 따라 콘솔에 쓸 것입니다.

   function enumerate(o,s){
   
       //if s isn't defined, set it to an empty string
       s = typeof s !== 'undefined' ? s : "";
   
       //if o is null, we need to output and bail
       if(typeof o == "object" && o === null){
   
          console.log(s+k+": null");
   
       } else {    
   
           //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" && v !== null){
   
                   //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");});
   

4. ---

   4.늦게,하지만 object.key.keys를 사용하여 수행 할 수 있습니다.

   늦게,하지만 object.key.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 '; } ulkeys.innerhtml = str;

   from https://stackoverflow.com/questions/1096924/iterating-a-javascript-objects-properties-using-jquery by cc-by-sa and MIT license