Flask项目Jinja2模板渲染列表时如何去除显示的多余引号？

结论 #

可以在模板中直接调用字符串处理逻辑实现需求，也可以选择在后端预处理数据，具体实现方案如下：

方案1：直接在Jinja2模板中处理（无需修改后端代码） #

你直接输出terms[term]时，Jinja2会默认调用Python列表的__str__方法，所以会输出带单引号的原生列表格式。你可以直接用Jinja2内置的join过滤器手动拼接格式，修改模板代码如下：

{% for term in terms %}
     <div class="term term-count-{{loop.index}}">
        <b>{{ term }}</b>:&nbsp;&nbsp;[{{ terms[term] | join(', ') }}]&nbsp;&nbsp;
     </div>
{% endfor %}

该方案适合临时格式化、无需复用逻辑的场景。

方案2：后端预处理数据（模板逻辑更简洁） #

如果不想把格式化逻辑写在模板里，可以在Python侧把数据处理成目标字符串格式后再传给模板，示例代码：

terms = {'a':['1','2','3'], 'b':['4','5','6'], 'c': ['x', 'y', 'z']}
# 预处理每个列表为目标格式字符串
processed_terms = {
    key: f"[{', '.join(value)}]" 
    for key, value in terms.items()
}
# 后续把processed_terms传入模板渲染即可

模板中直接调用处理后的变量即可：

<b>{{ term }}</b>:&nbsp;&nbsp;{{ processed_terms[term] }}

方案3：自定义Jinja2过滤器（适合多场景复用） #

如果项目中多处需要用到这种列表格式化逻辑，可以自定义Jinja2过滤器，一次注册全局可用。
首先在Flask启动文件中注册过滤器：

from flask import Flask

app = Flask(__name__)

# 注册自定义列表格式化过滤器
@app.template_filter('format_list')
def format_list(input_list):
    # 如果列表元素非字符串，可加map(str)转换：f"[{', '.join(map(str, input_list))}]"
    return f"[{', '.join(input_list)}]"

模板中直接调用过滤器即可：

<b>{{ term }}</b>:&nbsp;&nbsp;{{ terms[term] | format_list }}

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