Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/backbone.js/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在车把中实现这种类型的阵列?_Javascript_Arrays_Multidimensional Array_Handlebars.js - Fatal编程技术网

Javascript 如何在车把中实现这种类型的阵列?

Javascript 如何在车把中实现这种类型的阵列?,javascript,arrays,multidimensional-array,handlebars.js,Javascript,Arrays,Multidimensional Array,Handlebars.js,我正在尝试在车把中重新创建以下循环 JAVASCRIPT版本-示例代码笔 如您所见,它从2个数组创建每个组合。当我试图将Handlebar中的工作JS代码转换为助手时,我得到了一个错误…”“UncaughtTypeError:无法读取undefined的属性'forEach' 我试图在Handlebar中找到一个工作版本,我发现了一些东西,但没有找到与代码笔相同的生成结果 我的问题如下 1-当您迭代输出中看到的每个组合时,这称为什么样的循环 2-有人能给我举一个在车把上做的例子吗 下面是我试图

我正在尝试在车把中重新创建以下循环

JAVASCRIPT版本-示例代码笔

如您所见,它从2个数组创建每个组合。当我试图将Handlebar中的工作JS代码转换为助手时,我得到了一个错误…”“UncaughtTypeError:无法读取undefined的属性'forEach'

我试图在Handlebar中找到一个工作版本,我发现了一些东西,但没有找到与代码笔相同的生成结果

我的问题如下

1-当您迭代输出中看到的每个组合时,这称为什么样的循环

2-有人能给我举一个在车把上做的例子吗

下面是我试图转换为Handlbar的Javascript代码。我有口腔手术tmrw,如果我回来慢了,对不起。提前谢谢

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有一个打字错误的地方,因为这里是相同的小提琴与十六进制颜色:它仍然是更好的审查方法。下一个示例在将数据传递给视图之前将其转换为合适的结构:好的,谢谢您的回复,我将检查它和小提琴。谢谢!