HTML テンプレートの Javascript から Go 配列にアクセスするにはどうすればよいですか?

JavaScript で Go 配列を参照する

Golang と JavaScript を Web アプリケーションに統合する場合、JavaScript から Go データ構造にアクセスする際に課題に直面するのが一般的です。この記事では、HTML テンプレート内の Javascript で Go 配列を参照する問題について説明します。

課題

JavaScript で Go 配列に直接アクセスできないのは、サーバー側 ( Go) およびクライアント側 (JavaScript) の実行環境。 Go テンプレートのアクションはサーバー上で処理され、JavaScript コードはクライアント上で実行されます。したがって、配列などのテンプレート パラメーターは Javascript コンテキストには存在しません。

解決策 #1: テンプレート アクションの使用

配列を 1 回だけ反復処理することが目的の場合は、Go を使用することができます。 JavaScript 配列を作成せずに配列要素をレンダリングするテンプレート アクション。 {{range .Array}} アクションは配列をループし、ブロックを使用して各要素を出力できます。

例:

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

解決策 #2: Javascript を作成するArray

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 中国語 Web サイトの他の関連記事を参照してください。