Javascript 任意嵌套数组的每个块
给出了输出类似于表的结构的每个块的示例:Javascript 任意嵌套数组的每个块,javascript,templates,multidimensional-array,svelte,Javascript,Templates,Multidimensional Array,Svelte,给出了输出类似于表的结构的每个块的示例: <div class='grid'> {{#each rows as row, y}} <div class='row'> {{#each columns as column, x}} <code class='cell'> {{x + 1}},{{y + 1}}: <strong>{{row[column]}}</str
<div class='grid'>
{{#each rows as row, y}}
<div class='row'>
{{#each columns as column, x}}
<code class='cell'>
{{x + 1}},{{y + 1}}:
<strong>{{row[column]}}</strong>
</code>
{{/each}}
</div>
{{/each}}
</div>
{
"columns": [
"foo",
"bar",
"baz"
],
"rows": [
{
"foo": "a",
"bar": "b",
"baz": "c"
},
{
"foo": "d",
"bar": "e",
"baz": "f"
},
{
"foo": "g",
"bar": "h",
"baz": "i"
}
]
}
如果事先不知道列,或者更一般地说,如果每行可能有不同的长度,是否有方法使用此功能?例如(对于后者):
我看不到任何地方表明#每个
的语法可以在迭代之前“访问”组件的数据,就像它一样
我是否遗漏了一些东西,或者这其中的内环是不可能的?如果这是不可能的,还有什么其他的方法呢?(例如,您能使用函数迭代内部数组并嵌套辅助模板吗?我只是从这里的文档中学习,但从我可以告诉您的情况来看,您应该能够将
行
视为单元格
的列表:
{{#每行作为行,y}
{{#每行作为单元格,x}
{{x+1}},{{y+1}}:
{{cell}}
{{/每个}}
{{/每个}}
的确如此!见在行动中。我不知道你在文件里哪里找到的,你能给我指一下吗?我链接到的部分没有太多细节,因此对我来说,您可以使用数据数组中的某些内容,也可以使用当前上下文中的某些内容,而无需指定具体内容,这有点……magic-y.:)我实际上并没有从文档中提取特定的文本;我只是推断,
#每个列表作为item
可能会创建一个变量item
,根据我在其他语言方面的知识,我希望这个item
也可以迭代。通过“学习文档”,我的意思是,在试图回答这个问题之前,我没有任何与苗条相关的经验。。。只是想让你知道,以防我犯了新手错误。但我很高兴这些建议有帮助!:)
{
"rows": [
[1],
[2, 3, 4],
[5, 6]
]
}