HTML 템플릿의 Javascript에서 Go 배열에 어떻게 액세스할 수 있나요?

Javascript에서 Go 배열 참조

웹 애플리케이션에서 Golang과 Javascript를 통합할 때 Javascript에서 Go 데이터 구조에 액세스하는 데 어려움을 겪는 것이 일반적입니다. 이 문서에서는 HTML 템플릿 내에서 Javascript의 Go 배열을 참조하는 문제를 다룹니다.

도전

Javascript에서 Go 배열에 직접 액세스할 수 없는 이유는 서버측( Go) 및 클라이언트 측(Javascript) 실행 환경입니다. Go 템플릿 작업은 Javascript 코드가 클라이언트에서 실행되는 동안 서버에서 처리됩니다. 따라서 배열과 같은 템플릿 매개변수는 Javascript 컨텍스트에 존재하지 않습니다.

해결책 #1: 템플릿 작업 사용

목표가 배열을 한 번만 반복하는 것이라면 Go를 사용할 수 있습니다. Javascript 배열을 생성하지 않고 배열 요소를 렌더링하는 템플릿 작업입니다. {{range .Array}} 작업은 배열을 반복하며 블록을 사용하여 각 요소를 인쇄할 수 있습니다.

예:

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

해결책 #2: Javascript 만들기 배열

추가 Javascript 처리에 Go 배열을 사용할 수 있도록 하려면 템플릿을 사용하여 배열을 다시 생성하는 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!