如何从 HTML 模板中的 Javascript 访问 Go 数组？

在 Javascript 中引用 Go 数组

在 Web 应用程序中集成 Golang 和 Javascript 时，通常会面临从 Javascript 访问 Go 数据结构的挑战。本文解决了在 HTML 模板中引用 Javascript 中的 Go 数组的问题。

挑战

无法在 Javascript 中直接访问 Go 数组是由于服务器端（ Go）和客户端（Javascript）执行环境。 Go 模板操作在服务器上处理，而 Javascript 代码在客户端上运行。因此，像数组这样的模板参数在 Javascript 上下文中不存在。

解决方案#1：使用模板操作

如果目标是仅迭代数组一次，则可以使用 Go模板操作来渲染数组元素而不创建 Javascript 数组。 {{range .Array}} 操作在数组上循环，并且该块可用于打印每个元素。

例如：

{{range .Array}}
    {{.}}
{{end}}

解决方案 #2：创建 Javascript数组

为了使 Go 数组可用于进一步的 Javascript 处理，您可以使用模板生成 Javascript 代码，在客户端重新创建数组。下面是一个示例：

<script>
    var arr = [
        {{range .Array}}
            {{.}},
        {{end}}
    ];

    // Now you have a Javascript array: arr
</script>

或者，由于数组可以在模板中呈现为 Javascript 数组，因此您可以将代码简化为：

<script>
    var arr = {{.Array}};

    // Now you have a Javascript array: arr
</script>

此解决方案允许您重新创建数组在 Javascript 中并利用它进行任何必要的处理。

以上是如何从 HTML 模板中的 Javascript 访问 Go 数组？的详细内容。更多信息请关注PHP中文网其他相关文章！