如何获取从 Express JSON 数组传递的单个元素并在 Jade 中输出

Question

我有一个从 Express 传入 Jade 模板的数组，如下所示：

 [{ id: 11,
  firstname: 'asdfasdf',
  lastname: 'asdfasdf',
 },
 { id: 12,
  firstname: 'asdfadf',
  lastname: 'asdfasdf',
 }]

我想抓取其中一个元素并将其连同其属性一起显示在页面上。 我在这里阅读了其他几个答案，但似乎没有一个回答我的问题/正常工作。

我试过了，

#{data[0].id}
!{data[0].id}
#{data.id[0]}
data.id[0]
data[0].id

...以及无数其他组合，我怎样才能正确打印出来？ 我知道我的数据对象被正确传递，因为我可以在页面的其他地方使用 for 循环遍历它。但是如果我只想从数组中获取一个元素，我该如何实现呢？

如果不循环整个 json 数组对象，这是否可能？

更新：我的问题是由于数组结构与我最初认为的不同。我的错误，访问元素的正确方法是使用

#{data[0].id}

Answer 1

这是一个 JSON 对象数组，因此您需要对其进行迭代

 var newObject =  [{ id: 11,
  firstname: 'asdfasdf',
  lastname: 'asdfasdf',
 },
 { id: 12,
  firstname: 'asdfadf',
  lastname: 'asdfasdf',
 }];


for (var i = 0; i < newObject.length; i++) {
    var object = newObject[i];
    for (var property in object) {
        alert('item ' + i + ': ' + property + '=' + object[property]);
    }
}

或

var newObject =  "[{ id: 11,firstname: 'asdfasdf',lastname: 'asdfasdf',},{ id: 12, firstname: 'asdfadf', lastname: 'asdfasdf',}]";
var obj = eval(newObject);
alert(obj[0].id);