1. 程式人生 > >js陣列儲存物件及物件的獲取

js陣列儲存物件及物件的獲取

                    var slideArray = { slides: [
                    { "imgsrc": "a.jpg", "url": "", "alt": "這是a圖片" }, 
               { "imgsrc": "b.jpg", "url": "", "alt" : "這是b圖片" }, 
               { "imgsrc": "c.jpg", "url": "", "alt": "這是c圖片" },
               { "imgsrc": "d.jpg", "url": "", "alt": "這是d圖片" },
               { "imgsrc": "e.jpg", "url": "", "alt" : "這是e圖片" }] 
        };
        //通過以下的方法可以遍歷js陣列中物件的屬性 
        for(var i=0; i<slideArray.slides.length; i++) {
       
        alert(slideArray.slides[i].imgsrc);
        }

         //jquery的遍歷方式

      var A = 
 {   
                   B: 
   [ 
{ "imgsrc": "a.jpg", "url": "", "alt": "這是a圖片" },   
{ "imgsrc": "b.jpg", "url": "", "alt" : "這是b圖片" },   
{ "imgsrc": "c.jpg", "url": "", "alt": "這是c圖片" },  
{ "imgsrc": "d.jpg", "url": "", "alt": "這是d圖片" },  
{ "imgsrc": "e.jpg", "url": "", "alt" : "這是e圖片" }
]   
        };

$.each(A,function(i,obj)
{
  
   $.each(obj,function(temp)
{
  //alert(obj[temp]);
  $.each(obj[temp],function(key,value)
  {
     alert(value);
  });
 
});
});

         //jquery遍歷二維陣列

          var arr1 = [[1, 4, 3], [4, 6, 6], [7, 20, 9]];
$.each(arr1, function(i, item)  //此時的item是一個一維陣列,即:[1, 4, 3], [4, 6, 6], [7, 20, 9]

  $.each(item,function(j)      //下面對一維陣列進行遍歷
  {
    alert(item[j]); 
  });

});