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