如何在 JSON 中访问数组并在 Jade 中进行迭代答案

【问题标题】：How to access array within JSON and iterate in Jade如何在 JSON 中访问数组并在 Jade 中进行迭代
【发布时间】：2016-03-22 04:35:16
【问题描述】：

这是我的 json：

{
 "Meals": {
    "title": "All the meals",
    "lunch": ["Turkey Sandwich", "Chicken Quesadilla", "Hamburger and Fries"]
 }
}

我正在尝试将数组传递给我的翡翠视图并遍历每个数组以进入选择下拉列表

这是我的服务器代码：

var express = require('express');
var router = express.Router();
var data = require('../mock/data.json');

var dataLists = Object.keys(data).map(function(value){
  return data[value]
});

/* GET home page. */
router.get('/', function(req, res, next) {  
    res.render('index', { title: 'Express', data: dataLists, dataJSON: data });
});

在我的玉观中我通过

!{dataJSON} // This returns [object Object]

有没有办法通过对象键访问数组？？？

!{dataJSON.Meals.lunch}

【问题讨论】：

标签： javascript json node.js express pug

【解决方案1】：

使用以下方法访问 jade 模板的午餐数组：

p #{dataJSON.Meals.lunch}

p 是一个段落标签。

是的，您可以像这样遍历数组：

  form (action="someAction")
   select (name="lunch")
    each val in dataJSON.Meals.lunch
     option (value= val)= val

查看详情可以参考：Iteration in Jade

【讨论】：

谢谢@Nivesh。你知道我将如何访问我的 Jade 模板中的原始数组吗？我想像这样在 for 循环中循环它：form select for lunch in ["Turkey Sandwich", "Chicken Quesadilla", "Hamburger and Fries"] option(value=lunch) #{lunch}
经过 30 分钟的尝试，我终于明白了这一点。哈哈。再次感谢您的帮助！