如何将数组从 js 打印到 ejs 模板？

Question

我正在开发一种数据库网站，您可以在其中搜索个人资料。

我正在尝试从数据库查询中打印数据，但我得到：[object Object]。

相关代码：

index.js

router.get('/profile/:name', function(req, res){

  db.query("SELECT name FROM people where name='Jack'",function(err,names){

    console.log(names);

    res.render('template', {person: names});
  });

  
});

模板.ejs

<h1>Profile of <%= person %></h1>

使用 console.log 我得到了我的预期：

[ RowDataPacket { name: 'Jack' } ]

如何在 中只打印姓名“Jack”？

Answer 1

模板只能显示字符串和数字之类的内容，这些内容可以使用.toString() 方法直接转换为字符串（因为字符串是必须进入 HTML 的内容）。它不能直接显示一个对象。

当您尝试显示一个对象时，它会调用.toString() 并获取"[object Object]"，这就是您看到所见的原因。

因此，您需要在模板中准确添加要显示的对象的哪些属性以及您希望这些不同属性在 HTML 中的格式。请参阅模板中的属性本身。我不知道您传递的数据的确切形式，但如果它是一个数组，那么您将不得不引用一个数组索引或在您的模板中创建一个迭代循环以显示数组中的所有名称。

如果您只想要数组中的第一个名称，并且该数组只是名称字符串的普通数组（而不是对象数组），您可以从这里进行更改：

res.render('template', {person: names});

到这里：

res.render('template', {person: names[0]});

然后，这将在列表中呈现该名字：

<h1>Profile of <%= person.name %></h1>