javascript - Nunjucks:在 for 循环中从数组中选择特定项目

Question

我需要从一个大数组中选择特定项目，例如 [5, 21, 83, 74, 12]，我的列表如下所示:

{
  "list:" [
    { "title": "Blue" },
    { "title": "Green" },
    { "title": "Yellow" } ...
  ]
}

我正在考虑 for 循环，但不确定我应该使用的语法或过滤器。我应该如何修改这段代码来完成上述任务？

{% for item in list %}
    {% item %}
{% endfor %}

Answer 1

如果您需要多次应用过滤器，可以添加自定义过滤器。

var nunjucks  = require('nunjucks');
var env = nunjucks.configure();
env.addFilter('myfilter', arr => arr.filter(e => e.title == 'Green'));

var html = env.renderString(`
    {% for item in list | myfilter %} 
        {{item.id}} {{ item.title}} 
    {% endfor %}
    `, 
    { 
        list: [
            { id: 1, title: 'Blue' },
            { id: 2, title: 'Green' },
            { id: 3, title: 'Yellow' },
            { id: 4, title: 'Green' }
        ]
    }
);

console.log(html);

另一种方法是每次使用if

{% for item in list %}
    {{ item if item.title == 'Green' }}
{% endfor %}

或

{% for item in list %}
    {% if item.title == 'Green' %}
        {{ item }}
    {% endif %} 
{% endfor %}