如何從 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中文網其他相關文章！