带有express 4的ejs模板引擎，对象的foreach函数不起作用答案

【问题标题】：ejs templating engine with express 4, foreach fuction for object don't work带有express 4的ejs模板引擎，对象的foreach函数不起作用
【发布时间】：2014-12-19 06:05:32
【问题描述】：

我使用 ejs 1.0 和 express 4，但我遇到了迭代问题。我尝试对从数据库（mysql）返回的对象使用 forEach。这是我的快递代码：

var express = require('express');
var app = express();
var bodyParser = require('body-parser');
var mysql = require('mysql');
var path = require('path');
var db = require('./config/db.js');

app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: true }));

app.set('view engine', 'ejs');
app.set('views', __dirname + '/views');
app.use(express.static(path.join(__dirname, 'src')));

var router = express.Router();

router.route('/todo')
    .post(function(req, res, next){
        db.query('INSERT INTO task SET todo_title = ?, todo_description =?',[req.body.title, req.body.description], function(err, info){
            if(err) {
                console.log('db error', err);
            }
            console.log('zadanie dodano z id: ');
            res.redirect('/api/todo');
        });

    }).get(function(req, res, next){
        db.query('SELECT todo_id, todo_description, data FROM task', function(err, result){
        if(err) throw err;
        var data = JSON.stringify(result);
        res.render('pages/index', {items: data});
        });
    });

router.route('todo/:todo_id')
    .get(function(req, res){

    }).post(function(req, res){

    }).delete(function(req, res){
    });

app.use('/api', router);
app.listen(3000);

和模板：

<!DOCTYPE html>
<html>
<head>
    <% include ../partials/header %>
</head>
<body class="container">
    <section id="main">
        <h1>Welcome!</h1>
        <ul>
            <% items.forEach(function(item) { %>
                <li><% item.todo_id %></li>
            <% }); %>
        </ul>
        <form action="/api/todo" method="POST">
            <label for="title">Nazwa zadania</lablel><br>
            <input name="title" type="text"><br>
            <label for="description">Opis zadania</label><br>
            <textarea name="description"></textarea><br>
            <button>Wyślij</button>
        </form>
    </section>
    <footer>
        <% include ../partials/footer %>
    </footer>
</body>
</html>

我也尝试 for() 但它不起作用。我的对象从 get route 返回：

[{"todo_id":1,"todo_description":"cos2","data":"2014-10-22T13:02:53.000Z"},{"todo_id":2,"todo_description":"cos2","data":"2014-10-22T13:03:13.000Z"},{"todo_id":3,"todo_description":"cos2","data":"2014-10-22T13:05:00.000Z"},{"todo_id":4,"todo_description":"cos2","data":"2014-10-22T13:06:03.000Z"},{"todo_id":5,"todo_description":"cos2","data":"2014-10-22T13:13:31.000Z"},{"todo_id":6,"todo_description":"asd","data":"2014-10-22T13:15:39.000Z"}]

【问题讨论】：

标签： mysql node.js express ejs embedded-javascript

【解决方案1】：

问题可能与使用stringify()：

db.query('SELECT todo_id, todo_description, data FROM task', function(err, result){
    // ...
    var data = JSON.stringify(result);
    res.render('pages/index', {items: data});
});

stringify() 创建的字符串值没有.forEach() 方法。而且，res.render() 和 EJS 不需要对值进行 JSON 编码。

您可以将result（Objects 的Array）分配给items，而不涉及JSON：

res.render('pages/index', { items: result });

或者，您需要在视图中parse()它：

<% JSON.parse(items).forEach(function(item) { %>

【讨论】：