如何在Go模板中同步遍历结构体中的两个切片

问题背景 #

你定义了包含两个切片的结构体：

type Tplpass struct {
    Forums    []Forum
    LastTopic []Topic
}
err := tpl.ExecuteTemplate(w, "index.html", Tplpass{Forums: forums, LastTopic:last_topic})

期望实现同步遍历，效果为：

Forums[1]
    LastTopic[1]
Forums[2]
    LastTopic[2]
Forums[3]
    LastTopic[3]
...

但现有模板嵌套两层range，导致每个Forum都遍历所有Topic，输出变成：

Forums[1]
    LastTopic[1]
    LastTopic[2]
    LastTopic[3]
    ...
Forums[2]
    LastTopic[1]
    LastTopic[2]
    LastTopic[3]
    ...
...

同时需要在遍历LastTopic时，访问对应位置Forum的.Title字段。

解决方案 #

方案一：后端重组数据（推荐） #

最简洁可靠的方式是在Go代码中，将对应位置的Forum和Topic组合成新结构体，再传递给模板：

1. 定义组合结构体：

type ForumWithTopic struct {
    Forum Forum
    Topic Topic
}

2. 组装对应数据（处理切片长度不一致的情况）：

var combinedData []ForumWithTopic
maxLen := len(forums)
if len(last_topic) < maxLen {
    maxLen = len(last_topic)
}
for i := 0; i < maxLen; i++ {
    combinedData = append(combinedData, ForumWithTopic{
        Forum: forums[i],
        Topic: last_topic[i],
    })
}
// 将组合后的切片传给模板
err := tpl.ExecuteTemplate(w, "index.html", combinedData)

3. 模板中直接遍历组合数据：

{{range .}}
<tr>
    <td>Image</td>           
    <td><a href="{{.Forum.Id}}">{{.Forum.Name}}</a> <br>{{.Forum.Descr}}</td>
    
    <td>236 <br> topic</td>
    <td>1000 <br>message</td>
    <td>{{.Topic.Date}} <br> in <a href="/showtopic?id={{.Topic.Topic_id}}">{{.Forum.Title}}</a> <br> di <a href="/profile?id=">{{.Topic.Author}}</a></td>
</tr>
{{end}}

这种方式逻辑清晰，模板代码简单，也避免了索引越界的风险。

方案二：模板中通过索引遍历 #

如果不想修改后端数据，可以利用Go模板的range索引变量，通过索引匹配对应元素：

修改后的模板代码：

{{ $topics := .LastTopic }}
{{range $index, $forum := .Forums}}
<!-- 判断索引是否在Topic切片范围内，防止越界 -->
{{if lt $index (len $topics)}}
<tr>
    <td>Image</td>           
    <td><a href="{{$forum.Id}}">{{$forum.Name}}</a> <br>{{$forum.Descr}}</td>
    
    <!-- 通过索引获取对应位置的Topic -->
    {{$topic := index $topics $index}}
    <td>236 <br> topic</td>
    <td>1000 <br>message</td>
    <td>{{$topic.Date}} <br> in <a href="/showtopic?id={{$topic.Topic_id}}">{{$forum.Title}}</a> <br> di <a href="/profile?id=">{{$topic.Author}}</a></td>
</tr>
{{end}}
{{end}}

这里通过range $index, $forum := .Forums拿到每个Forum的索引，再用index $topics $index获取对应位置的Topic，同时增加索引范围判断避免报错。

内容的提问来源于stack exchange，提问作者mirko sailorm