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

因为这正是您告诉它要做的事情 - 将其“翻译”为更人类的语言，所以它看起来像:

对于每个标题打印所有字幕

你需要类似的东西

在每个标题前打印所有匹配的字幕

这意味着你必须稍微改变你的结构(例如，有一个数组，其中该数组的每个元素都是包含 title 的对象，另一个数组包含每个匹配的字幕)

或者，如果您出于某种原因需要保留您的结构，您可以这样做:

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

这意味着您将在内部 for 中添加一个 if，这意味着它将如下所示:

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 ***/
       }
   }
}