Javascript兩個「For」循環來獲取3個數組的數據

Question

我有三個數組一個標題數組10個元素，第二個字幕數組121個元素和第三個描述數組121個元素，我需要顯示它在一個列表中我把這種格式：

---Title 
    ---subtitle[0]----listequivalent[0] 
    ----subtitle[1]-----list equivalent[1] 
    ---subtitle..etc 
    --------------------- 
    ----title 2 
    ---- subtitleofthis[2]-----descriptionEquivalent[2] 
    ----subtitleofthis[3]-----descriotionEquivalent[3] subtitleofthis...etc 
    --------------------- 

我有這樣的：

for(var j=0;j<titles.length;j++){ 

    $("#divisionTitles").append("<div class='content-block-title'>" + titles[j] + "</div>"); 


    for(var i=0;i<subtitle.length;i++){ 


    $("#divisionTitles").append(" <ul>"+ 
      "<li class='item-link item-content'>"+ 
      " <a href='=" + description[i] +"'" + ">"+ 
    "<div class='item-inner'>"+ 
    "<div class='item-title'>"+ subtitle[i] +"</div>"+ 
    "</div>"+ 
    "</a>"+ 
    "</li>"+ 
    "</ul>"); 

    } 
} 

但這樣表示：

---title 
---subtitle[all] //all from 1 to 121 with the descriptions 1 to 121 
--- title 2 
--- subtitle[all] //all from 1 to 121 with the descriptions 1 to 121 

Answer 1

因爲它正是你告訴它做的事 - 「翻譯」它更加人性化的語言，它會看起來像：

for each title print all the subtitles

你可能會需要像

fore each title print all the MATCHING subtitles

這意味着你將不得不改變你的結構（例如。有數組，其中這樣的陣列中的每個元素將包含對象title和包含所有匹配的字幕另一個陣列）

或者，如果你因爲某些原因需要保持你的結構，你可以做這樣的事情：

for each title do following: 
    read all the subtitles and if it's matching print it 

這意味着你將添加一個if在你的內心for，這意味着它會看起來像這樣：

for(var j=0;j<titles.length;j++){ 

    $("#divisionTitles").append("<div class='content-block-title'>" + titles[j] + "</div>"); 


    for(var i=0;i<subtitle.length;i++){ 


     if(subtitle is matching) { 
      /* I don't know how the code should find out which 
      * title does this subtitle matching because of this 
      * i'm not putting exact code in the if but only a psedocode 
      */ 


     /*** do your stuff here ***/ 
     } 
    } 
}