如何优化Twig循环：仅当分类存在产品时输出分类标题

首先得指出你原代码里的一个小问题：循环产品时的判断条件写错啦！products.category|first 这里的 products 是所有产品的集合，它本身没有 category 属性，应该改成 product.category|first（假设每个产品的分类是一个列表，取第一个元素），不然原代码根本没法正确匹配到对应分类的产品。

接下来回到你的核心需求：只在分类有对应产品时才输出分类标题。这里有两种常用的优化思路，按需选择：

思路一：模板内直接筛选判断（适合小数据量场景） #

在输出分类标题前，先筛选出当前分类下的所有产品，判断是否存在后再渲染标题和产品列表。用模板过滤器可以轻松实现：

{% for category in categories %}
    {# 筛选出当前分类下的产品，匹配规则和原代码一致：产品分类的第一个元素等于分类标题小写 #}
    {% set matching_products = products | filter(p => p.category|first|lower == category.title|lower) %}
    
    {% if matching_products %}
        <h1>{{ category.title }}</h1>
        {% for product in matching_products %}
            <h2>{{ product.title }}</h2>
        {% endfor %}
    {% endif %}
{% endfor %}

这里用 filter 过滤器遍历所有产品，找出符合当前分类的产品集合，再通过 {% if matching_products %} 判断集合是否非空，只有非空时才输出分类标题和产品。

思路二：后端预处理数据（适合大数据量场景） #

如果你的产品和分类数量较多，在模板里反复筛选产品集合会影响性能。更优的方式是在后端代码中提前把分类和对应的产品关联好，只传递有产品的分类数据到模板：

举个后端处理的例子（以 Python Flask 为例，其他语言逻辑类似）：

# 后端代码：预处理分类和产品的关联关系
categories_with_products = []
for category in categories:
    # 匹配规则和前端一致
    matched_products = [
        p for p in products 
        if p.category[0].lower() == category.title.lower()
    ]
    # 只保留有产品的分类
    if matched_products:
        categories_with_products.append({
            "category": category,
            "products": matched_products
        })

# 将预处理后的数据传递给模板
return render_template("your_template.html", categories_with_products=categories_with_products)

然后模板里就可以直接循环预处理好的数据，逻辑更简洁：

{% for item in categories_with_products %}
    <h1>{{ item.category.title }}</h1>
    {% for product in item.products %}
        <h2>{{ product.title }}</h2>
    {% endfor %}
{% endfor %}

这种方式把筛选逻辑放到了后端，减少模板的计算量，性能更优，也让模板代码更干净。

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