JS与Jinja2新手求助：for循环语法错误排查

你的代码问题出在循环生成的数组最后会多一个逗号，这违反了JavaScript的语法规范（部分宽松环境可能不报错，但严格模式或旧环境会直接触发语法错误）。

修复方案1：用loop.last控制逗号 #

利用Jinja2内置的loop.last变量判断当前是否是循环的最后一项，仅在非最后一项时添加逗号：

var lineData = {
     labels : [
         {% for item in labels %}
            "{{ item }}"{% if not loop.last %},{% endif %}
         {% endfor %}
     ],

修复方案2：用Jinja2的join过滤器（更简洁） #

直接通过过滤器把labels数组转成符合JS语法的字符串，自动处理逗号和转义问题：

var lineData = {
     labels : [{{ labels | map('string') | map('tojson') | join(', ') }}],

• map('string')：确保每个元素被转为字符串类型
• map('tojson')：自动处理字符串中的引号、特殊字符转义，避免JS语法错误
• join(', ')：用逗号加空格连接所有元素，不会产生多余的结尾逗号

另外还要确认后端是否正确传递了labels变量——如果labels未定义或者不是可迭代的列表/数组，Jinja2也会触发循环语法错误，需确保后端传入了合法的labels数据。

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