使用Node.js使用Jade创建javascript

使用Node.js使用Jade创建javascript,javascript,node.js,pug,Javascript,Node.js,Pug,我正在尝试使用jade创建javascript,我正在传递一个json对象,它看起来像: var chart = { type : "bar", values: [12, 14, 15, 16, 17], labels: ["aef", "aef", "aef", "aef", "aef"], } 然后将其渲染为 res.render('profile/dashboard', {chart: chart}); 我想将这些值放在javascript文件中,您通常会这样做

我正在尝试使用jade创建javascript,我正在传递一个json对象,它看起来像:

var chart = {
    type : "bar",
    values: [12, 14, 15, 16, 17],
    labels: ["aef", "aef", "aef", "aef", "aef"],
}
然后将其渲染为

res.render('profile/dashboard', {chart: chart});
我想将这些值放在javascript文件中,您通常会这样做

var doughnutData = [

    for value in charts.values
    {
        value: {value}
        color:"#F7464A"

    }

];
不幸的是,您不能这样做,因为for函数在“script”之后不起作用。有人对如何克服这个问题有什么建议吗?我正在尝试生成以下内容:

var doughnutData = [


                {
                    value: 30,
                    color:"#F7464A"
                },
                {
                    value : 50,
                    color : "#46BFBD"
                },
                {
                    value : 100,
                    color : "#FDB45C"
                },
                {
                    value : 40,
                    color : "#949FB1"
                },
                {
                    value : 120,
                    color : "#4D5360"
                }

            ]; 

提前谢谢

这可能是您的一个选择:

  script.
     var doughnutData = [];
     [#{chart.values}].forEach(function(value){
       doughnutData.push({value: value, color:'#F7464A'});
     });

如果它们已经在页面的作用域中可用,为什么要将它们添加到文件/内联中?因为我希望动态生成图形,而且我不知道将获得多少值。所以我希望能够对它们进行迭代并生成{value:bla color:bla}。