0

我有以下json：

[
   {
      "Name":"Billy in the Lowground",
      "Key":"A",
      "chords":[
         [
            "G",
            "",
            "D",
            ""
         ],
         [
            "C",
            "",
            "G",
            ""
         ],
         [
            "C",
            "",
            "G",
            ""
         ],
         [
            "A",
            "",
            "D",
            ""
         ],
         [
            "G",
            "",
            "D",
            ""
         ],
         [
            "C",
            "",
            "G",
            ""
         ],
         [
            "C",
            "",
            "G",
            ""
         ],
         [
            "D",
            "",
            "G",
            ""
         ],
         "Em",
         "",
         "",
         "B7",
         "Em",
         "",
         [
            "C",
            "",
            "G",
            ""
         ],
         [
            "D",
            "",
            "G",
            ""
         ]
      ]
   }
];

在和弦下，我将每个小节映射到和弦数组中的一个点，然后每个小节都是另一个数组，对应于小节中的节拍数。在本例中为 4 拍。

所以我在弄清楚如何迭代嵌套数组时遇到了问题，但是当我写这个问题时，我想我找到了答案，但这是访问和迭代嵌套数组的最佳方式：

 <script id="chord-tpl" type="text/x-jsrender">  
                {{for chords}}
                    <tr>
                        {{for #parent.data[#index]}}

                            <td>{{:#parent.data[#index]}}</td>
                        {{/for}}
                    </tr>
                {{/for}}

        </script>

另外我想知道是否有一种方法可以查看您在数组上迭代了多少次并根据 # 次做某事，

例如

for( i=0; i == chords.length; $i++ ) {
   if( i % 4 ) {
       // start new table row
   }
   else {
       // echo out table cell
   }
}
4

1 回答 1

2

这是访问和迭代嵌套数组的最佳方式吗

您可以将模板修改为：

{{for chords}}
    <tr>
       {{for #data}}
           <td>{{:#data}}</td>
       {{/for}}
    </tr>
{{/for}}

我想知道是否有一种方法可以查看您对数组进行了多少次迭代并根据 # of times 执行某些操作

您允许引入一个变量。

{{for chords ~count=chords.length}}

您可以在此处找到更多详细信息

您还可以使用“辅助函数”调试模板 此代码段可以帮助您

$.views.helpers({
  debug:function(){
     console.dir(this);
  }
});
于 2012-11-30T08:44:18.273 回答