未捕获的 SyntaxError，jade 中 for 循环中的意外标识符

Question

我正在尝试使用一些动态内容来渲染玉石。我正在阅读jade中的json。 我的 json 看起来像这样

{ data1: 'data1',
  data2: 'data2',
  data3: 
 [ { name: 'ABC',
   address: 'India'
   },
   { name: 'DEF',
   address: 'Australia'
   }]}

我正在尝试渲染玉器并使用来自上述 json 的数据 我的玉像

  var data1 = #{data1};
  var data2 = #{data2};
  var size = #{data3.length};
  for data in #{data3}
    var name = data.name;
    var address = data.address;

我能够正确提取上述前 3 行中的数据。但是，当我尝试从循环中获取数据时，调试时出现“未捕获的 SyntaXError，意外的标识符”错误。 如果我在 for 循环之外放一条线，它就可以正常工作。例

 var name = #{data3[0].name};

正确呈现。但我需要遍历一个循环并在那里获取数据。有人可以帮忙吗。 谢谢

更新更多信息 1. 我在创建 json 的地方运行节点服务器 -

 var json_string = "{"data1":"data1","data2":"data2","data3":[{"name":"ABC","address":"India"},{"name":"DEF","address":"Australia"}]};";
 var json_data = JSON.parse(json_string);
 console.log(json_data);
 res.render('sample_example', json_data);

1. 在我的 sample_example.jade 我的脚本中有以下 sn-p

     var data1 = #{data1};
     var data2 = #{data2};
     var size = #{data3.length};
     for data in #{data3}
       var name = data.name;
       var address = data.address;
   

如前所述，我能够正确地将#{data1}、#{data2}、#{data3.length} 提取到变量中。但它在 for 循环中中断。事实上，我可以从 for 循环之外提取 #{data3[0].name} 。但在 for 循环中，它给出了声明的错误。

Answer 1

这就是你现在可以做到的。

在您的服务器端，您必须 JSON.stringify 对象数组。

var json_data = JSON.parse(json_string);

// Convert back to json only the property data3
json_data.data3 = JSON.stringify(json_data.data3);
res.render('simple', json_data);

或者更好的是不解析 JSON 就让它按原样：

// var json_data = JSON.parse(json_string);
res.render('simple', {
  json_data: json_string
});

在翡翠模板中（如果你遵循更好的方法）：

script(type='text/javascript').
  var json_data = !{json_data};
  var data1 = json_data.data1;
  var data2 = json_data.data2;
  var data3 = json_data.data3;
  var size = data3.length;

  data3.forEach(function(data) {
    var name = data.name;
    var address = data.address;
    console.log(name, address);
  });

您还需要更改循环结构。 for..in 用于迭代对象而不是对象数组。

Answer 2

这对我有用；

- var cdata = {"data1":"data1","data2":"data2","data3":[{"name":"ABC","address":"India"},{"name":"DEF","address":"Australia"}]};
each data in cdata.data3
  - var name = data.name;
  - var address = data.address;
  p Name: #{name}
  p Address: #{address}

如果如上所示更新代码不起作用，您能否分享实际的玉文件内容。还有什么版本的玉和快递？