Wie kann ich in Go-Vorlagen gleichzeitig über mehrere Arrays iterieren?

Go-Vorlagen: Gleichzeitiges Iterieren über mehrere Arrays

Während der Arbeit an einem Projekt kann es vorkommen, dass Sie gleichzeitig über mehrere Arrays iterieren müssen Go-Vorlagen. Diese Situation entsteht, wenn Sie über Datenstrukturen wie die folgenden verfügen und erfordern, dass jedes Element aus diesen Arrays in einer Ausgabe gruppiert wird.

type Schedule struct {
    Description   string
    ControlNights int
    PlayNights    int
    StartDay      int
    Combos        []Combo
}

type Combo struct {
    From    time.Time
    Every   int
    Until   time.Time
    Sounds  []string
    Volumes []int
    Waits   []int
}

Iterieren über Kombinationen

Um die Daten jeder Combo einzeln anzuzeigen, können Sie eine Bereichsschleife verwenden, die über das Array Schedule.Combos iteriert. Dadurch wird jede Kombination durchlaufen. Dies reicht jedoch nicht aus, um die von Ihnen benötigten Daten anzuzeigen.

Arrays in Zeilen kombinieren

Um Daten aus verschiedenen Arrays in Zeilen zu gruppieren, wobei jede Zeile Daten von Sounds enthält , Volumes und Waits-Arrays können Sie dynamische Vorlagen verwenden. Mit dieser Technik können Sie Daten innerhalb der Vorlage selbst manipulieren und ändern.

Dynamische Vorlagen für die Gruppierung

Betrachten Sie die folgende Vorlage:

{{ range .Schedule.Combos }}
<div class="container">
    <div class="row">
        <div class="col">
            <div class="card mt-2 ml-2">
                <div class="card-body">
                    <h5 id="strong-Timing-strong"><strong>Timing</strong></h5>
                    <h5 id="Play-every-Every-mins">Play every {{.Every}} mins</h5>
                    <h5 id="From-time-TimeOfDayToString-From">From time {{TimeOfDayToString .From}}</h5>
                    <h5 id="Until-TimeOfDayToString-Until">Until {{TimeOfDayToString .Until}}</h5>
                </div>
            </div>
        </div>
        <div class="col">
            <div class="card mt-2">
                <div class="card-body">
                    <h5 id="strong-Sounds-strong"><strong>Sounds</strong></h5>
                    {{ range .Sounds }}
                    <h5 id="Sound">Sound {{.}}</h5>
                    {{ end }}
                </div>
            </div>
        </div>
<p> Um Töne, Lautstärken und Wartezeiten zu gruppieren, können Sie eine neue Vorlagenvariable erstellen, die alle drei kombiniert Arrays.</p>
<pre class="brush:php;toolbar:false">{{ $mergedArrays := .Sounds, .Volumes, .Waits }}

Iterieren über kombinierte Arrays

Mit den verfügbaren kombinierten Arrays können Sie sie mithilfe einer verschachtelten Schleife durchlaufen:

{{ range $index, $mergedArray := $mergedArrays }}
    {{ $sound := $mergedArray[0] }}
    {{ $volume := $mergedArray[1] }}
    {{ $wait := $mergedArray[2] }}
    

{{ $sound }} - {{ $volume }} - {{ $wait }}

{{ end }}

In dieser verschachtelten Schleife greifen Sie auf die einzelnen Elemente des kombinierten Arrays zu und stellen diese entsprechend dar.

Dieser Ansatz ermöglicht es Ihnen, die Daten aus den Arrays „Sounds“, „Lautstärken“ und „Wartezeiten“ in den gewünschten Zeilen zu gruppieren.