Javascript 如何在车把中实现这种类型的阵列?
我正在尝试在车把中重新创建以下循环 JAVASCRIPT版本-示例代码笔 如您所见,它从2个数组创建每个组合。当我试图将Handlebar中的工作JS代码转换为助手时,我得到了一个错误…”“UncaughtTypeError:无法读取undefined的属性'forEach' 我试图在Handlebar中找到一个工作版本,我发现了一些东西,但没有找到与代码笔相同的生成结果 我的问题如下 1-当您迭代输出中看到的每个组合时,这称为什么样的循环 2-有人能给我举一个在车把上做的例子吗 下面是我试图转换为Handlbar的Javascript代码。我有口腔手术tmrw,如果我回来慢了,对不起。提前谢谢Javascript 如何在车把中实现这种类型的阵列?,javascript,arrays,multidimensional-array,handlebars.js,Javascript,Arrays,Multidimensional Array,Handlebars.js,我正在尝试在车把中重新创建以下循环 JAVASCRIPT版本-示例代码笔 如您所见,它从2个数组创建每个组合。当我试图将Handlebar中的工作JS代码转换为助手时,我得到了一个错误…”“UncaughtTypeError:无法读取undefined的属性'forEach' 我试图在Handlebar中找到一个工作版本,我发现了一些东西,但没有找到与代码笔相同的生成结果 我的问题如下 1-当您迭代输出中看到的每个组合时,这称为什么样的循环 2-有人能给我举一个在车把上做的例子吗 下面是我试图
let arrayOne = [
1,2,3,4,5
]
let arrayTwo = [
"a","b","c","d","e"
]
arrayOne.forEach(printArrayOne);
function printArrayOne(item, index){
arrayTwo.forEach((value) => {
document.getElementById("demo").innerHTML += item + ' - ' + value + "<br>";
});
}
// OUTPUT
1 - a
1 - b
1 - c
1 - d
1 - e
2 - a
2 - b
2 - c
2 - d
2 - e
3 - a
3 - b
3 - c
3 - d
3 - e
4 - a
4 - b
4 - c
4 - d
4 - e
5 - a
5 - b
5 - c
5 - d
5 - e
let arrayOne=[
1,2,3,4,5
]
设arrayTwo=[
“a”、“b”、“c”、“d”、“e”
]
arrayOne.forEach(printArrayOne);
函数printArrayOne(项,索引){
arrayTwo.forEach((值)=>{
document.getElementById(“demo”).innerHTML+=item+'-'+value+“
”;
});
}
//输出
1-a
1-b
1-c
1-d
1-e
2-a
2-b
2-c
二维
2-e
3-a
3-b
3-c
三维
3-e
4-a
4-b
4-c
4-d
4-e
5-a
5-b
5-c
5-d
5-e
看起来最好的方法是查看方法并使用把手模板中的计算数据,但无论如何,关于以下问题:
1-它看起来像一个
2-使用现有的数据结构,可以以与JavaScript相同的方式循环:
{{#每个数组}
{{{每个../arrayTwo}
{{../this}}-{{this}}
{{/每个}}
{{/每个}}
访问嵌套块中描述的迭代变量,见#每个
辅助程序描述的最后一段
示例:Bro这起作用了!谢谢,伙计,我已经努力解决了好几天了,哈哈。我不知道../接线员。可能是我,但我希望他们的文件能好一点。再次感谢!因此,我继续使用颜色十六进制替换数组,arrayOne是文本颜色,ArrayT2是div颜色。因此,这应该吐出每个文本和bg组合,这样我可以做一个符合性测试。唯一的问题是第一个结果是吐出“[object object]-#FFFFFF”。不知道为什么。我会尽力去解决,但你碰巧知道,我洗耳恭听。如果没有,那就不用担心了!感谢您的帮助,即使到目前为止。Mb有一个打字错误的地方,因为这里是相同的小提琴与十六进制颜色:它仍然是更好的审查方法。下一个示例在将数据传递给视图之前将其转换为合适的结构:好的,谢谢您的回复,我将检查它和小提琴。谢谢!