如何使用 range 和 index 函数迭代 HTML 模板中的并行数组？

在 HTML 模板中利用范围内的索引循环迭代并行数组

在 HTML 模板中，range 函数允许对数组进行迭代或切片，从而可以列出结构中的各个元素。使用多个并行数组时，通常需要同时迭代它们，映射每个数组中的元素。

但是，以下方法无法按预期运行：

{{range $i, $e := .First}}$e - {{index .Second $i}}{{end}}

这失败，因为范围块内的点 (.) 引用当前正在迭代的元素，即第二个数组。正确的方法是访问原始点值，它代表传递给模板的整个数据结构。

索引函数是一个预定义的模板函数，可以对映射、切片和数组进行索引操作。使用它，正确的方法如下：

{{range $i, $e := .First}}$e - {{index $.Second $i}}{{end}}

此变体正确使用点引用。 Second 前面的 $ 表示原始点值，从而可以使用当前索引对第二个数组进行索引。

但是，更简洁的解决方案是创建一个名为 zip 的自定义模板函数，它接受多个切片并返回包含每个输入切片中的元素的元组切片。这种方法提供了更清晰的模板并有助于重用：

{{range zip .First .Second}}
  {{$a := $._1}}
  {{$b := $._2}}
  {{printf "%v - %v" $a $b}}
{{end}}

以上是如何使用 range 和 index 函数迭代 HTML 模板中的并行数组？的详细内容。更多信息请关注PHP中文网其他相关文章！