如何在 JavaScript 中访问 Go 数组？

在 Javascript 中引用 Go 数组

解析问题

在您的 Golang 代码中，您有一个要传递给 HTML 文件的数组在前端。您尝试使用 for 循环在 Javascript 中迭代数组，但 Javascript 代码无法加载。

了解模板操作

需要注意的是，像 {{ index .Array 0}} 在 Go 中的服务器端执行，而 Javascript 代码在浏览器中的客户端运行。这两个环境是独立的，因此客户端不存在模板参数和值，Javascript 代码无法执行模板操作。

寻找解决方案

有两个选项可用：

1. 使用模板操作：您可以使用 {{range .Array}} 迭代数组服务器端并为每个元素生成 HTML 元素。
2. 创建 Javascript 数组：您可以使用模板创建在客户端构造数组的 Javascript 代码。

详细说明 #1

{{range}} 模板操作允许您循环数组并设置到数组元素的管道。然后，您可以像这样输出元素：

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

详细说明#2

如果您需要在 Javascript 中处理数组，您可以使用如下模板创建 Javascript 数组：

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

或者，您可以直接将数组渲染为 Javascript array:

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

现在，您有了一个 Javascript 数组 arr，您可以在 Javascript 中对其进行迭代和处理。

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