So iterieren Sie über parallele Arrays in HTML-Vorlagen mithilfe des Index

Dieser Artikel befasst sich mit der Schwierigkeit, parallele Arrays (gleicher Größe) zu iterieren. in HTML-Vorlagen. Konkret geht es darum, wie man die Indexfunktion innerhalb des Bereichsblocks verwendet, um dies zu erreichen.

Die Indexfunktion ist eine vordefinierte globale Vorlagenfunktion, die ein Element aus einer Karte, einem Slice oder einem Array basierend auf dem bereitgestellten Index abruft. Diese Funktion ermöglicht eine komplexe Navigation innerhalb von Datenstrukturen innerhalb von Vorlagen.

Im Zusammenhang mit der Iteration durch parallele Arrays müssen wir den Kontext berücksichtigen, in dem die Indexfunktion verwendet wird. Standardmäßig bezieht sich der Punkt (${}) innerhalb des Bereichsblocks auf das aktuelle Element im Array, das iteriert wird. Um jedoch auf Daten aus dem anderen Array zuzugreifen, müssen wir zum ursprünglichen Punkt zurückkehren, der das übergebene Datenargument an die Execute-Funktion darstellt.

Die Lösung besteht daher darin, den ursprünglichen Punkt ($) zu verwenden. anstelle von Punkt im Indexausdruck:

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

Diese Anpassung stellt sicher, dass die Indexfunktion auf das ursprüngliche Datenargument verweist, was eine parallele Iteration über die Arrays ermöglicht.

Ein weiterer Ansatz zur Lösung dieses Problems besteht darin, eine benutzerdefinierte Vorlagenfunktion namens zip zu definieren, die akzeptiert mehrere Slices als Eingabe und gibt ein Slice von Wertepaaren zurück. Eine solche Funktion würde den Vorlagencode vereinfachen und möglicherweise in anderen Kontexten wiederverwendet werden.