如何通過JS中的嵌套對象進行迭代

好吧，我難住這個。我需要通過這些迭代，所以我可以按類別的列表所以像如何通過JS中的嵌套對象進行迭代

商業書籍

書1

書2

書3

烹飪圖書

等。

但無法弄清楚如何遍歷嵌套的對象。帶或不帶jQuery是罰款

window.books = { 
    "Business Books": [ 
     { 
      Title: "Finance 101", 
      Description: "Info for Finance 101 book goes here." 
     }, 
     { 
      Title: "Economics 123", 
      Description: "Info for Economics 123 book goes here." 
     }, 
     { 
      Title: "Statistics for Beginners", 
      Description: "Learn about Statistics." 
     } 
    ], 
    "Cooking Books": [ 
     { 
      Title: "Lowfat Treats", 
      Description: "Eat a lowfat Diet" 
     }, 
     { 
      Title: "Chocolate Lovers", 
      Description: "Eat a lot of chocolate" 
     }, 
     { 
      Title: "Book of Brownies", 
      Description: "Stuff about Brownies" 
     } 
    ], 
    "IT Books": [ 
     { 
      Title: "Windows XP", 
      Description: "Please go away" 
     }, 
     { 
      Title: "Linux", 
      Description: "A how to guide." 
     }, 
     { 
      Title: "Unix", 
      Description: "All about Unix." 
     }, 
     { 
      Title: "Mac", 
      Description: "Costs too much." 
     } 
    ], 
};

來源

2012-06-27 noober

遍歷對象的屬性。每個對象都有一組值。遍歷數組。這需要一個嵌套for循環。看看https://developer.mozilla.org/en/JavaScript/Guide/Statements#Loop_Statements –

jQuery.each(window.books, function(category, items) { 
    alert(category); 

    jQuery.each(items, function(idx, book) { 
     alert(category + ': ' + book.Title) 
    }); 
});

來源

2012-06-27 16:25:32

好主意是要學會先做它沒有jQuery的。可以使用$.each()。

來源

2012-06-27 16:27:06

同意。最好的建議！ –

用。每次循環（）是很容易的：

$.each(window.books, function(category, books) {          
    $("#books").append("<p>" + category + "</p><ul>");        
    $.each(books, function(i, book) {            
     $("#books").append("<li>" + book.Title + ": " + book.Description + "</li>"); 
    });                    
    $("#books").append("</ul>");              
});

這裏是我的jsFiddle

來源

2012-06-27 16:32:51

$.each(window.books,function(k,v){ // k ==== key, v === value 
     // Prints category 
     console.log(k); 

     //Loops through category 
     for(i=0,len=v.length;i<len;i++){ 
      console.log(v[i].Title); 
      console.log(v[i].Description); 
     } 
    });

來源

2012-06-27 16:34:46 Jashwant

如何通過JS中的嵌套對象進行迭代

回答

相關問題