javascript - 迭代对象键中的对象数组

标签 javascript html handlebars.js

在 HandleBars JS 中,我可以轻松地迭代键值。

var context = {
    "object" : {
        "numbers" : [{data : 1}, {data : 2}, {data : 3}, {data : 4}, {data : 5}],
        "letters" : [{data : 'a'}, {data : 'b'}, {data : 'c'}],
        "people" : [{data : 'Linus'}, {data : 'Larry'}, {data : 'Dennis'}, {data : 'Steve'}]
    }
};

{{#each object}}
    <span>{{@key}}</span>
    {{#each this}}
        /*
            LOOP THROUGH EACH ARRAY HERE
            HOW DO I ACCESS THE 'data' KEY?
        */
    {{/each}}
{{/each}}

有没有办法在不注册 Handlebars 助手的情况下使用键或其他方法循环遍历所有数组成员? 我希望我的输出看起来像

    numbers
        1 2 3 4 5
    letters
        a b c
    people
        Linus Larry Dennis Steve

最佳答案

{{#each object}}
    <span>{{@key}}</span>
    {{#each this}}
        {{this.data}}
    {{/each}}
{{/each}}

关于javascript - 迭代对象键中的对象数组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27450443/

相关文章:

javascript - 如何将 JSON 对象从快速服务器发送到下一个 js 页面?

javascript - 如何在 Canvas 上制作类似powerpoint可调文本的文本?

javascript - 如何在事件处理程序上更改 React 中的特定组件

javascript - html5 localStorage将输入字段保存到键盘上的表单中

javascript - 使用来自 Threejs 的 Canvas 定位 div

Ember.js - 在具有共享条件的 {{bindAttr}} 周围使用 {{#if}}?

javascript - Handlebars if/else 渲染两个分支

javascript - 制作 <li> 元素 'active' 而不是 <a> 元素

javascript - Bootstrap 模式不适用于循环场景

javascript - 在 html5 音频元素到达播放结束之前 5 秒执行 Javascript 代码