Cómo iterar sobre matrices paralelas en plantillas HTML usando el índice

Este artículo aborda la dificultad de iterar a través de matrices paralelas (de igual tamaño) en plantillas HTML. Específicamente, cómo utilizar la función de índice dentro del bloque de rango para lograr esto.

La función de índice es una función de plantilla global predefinida que recupera un elemento de un mapa, segmento o matriz según el índice proporcionado. Esta función permite una navegación compleja dentro de estructuras de datos dentro de plantillas.

En el contexto de iterar a través de matrices paralelas, debemos tener en cuenta el contexto en el que se utiliza la función de índice. De forma predeterminada, el punto (${}) dentro del bloque de rango se refiere al elemento actual en la matriz que se está iterando. Sin embargo, para acceder a los datos de la otra matriz, necesitamos volver al punto original, que representa el argumento de datos pasado a la función Ejecutar.

La solución, por lo tanto, es usar el punto original ($) en lugar de un punto en la expresión de índice:

{{range $i, $e := .First}}{{$e}} - {{index $.Second $i}}{{end}}

Este ajuste garantiza que la función de índice haga referencia al argumento de datos original, lo que permite la iteración paralela sobre las matrices.

Otro enfoque para abordar este problema es definir una función de plantilla personalizada llamada zip, que acepta múltiples sectores como entrada y devuelve un sector de pares de valores. dicha función simplificaría el código de la plantilla y quizás se reutilizaría en otros contextos.