定义和使用从 Express 传递到 EJS 的对象

Question

在我的路由处理程序中，我将一个对象（该对象是对数据库的 SELECT 查询的结果）传递给我的 ejs 文件，该文件呈现如下：

const query = await pool.query('SELECT * FROM table');
const obj = query.rows();
response.render('/ejspage', {
   obj: obj
});

在我的 ejs 文件中，我尝试将此对象分配给一个变量并循环遍历它：

<script>
   var data = '<%= obj %>';

   data.forEach(function(o) {
      console.log(o);
   }
</script>

这会导致以下错误：Uncaught TypeError: obj.forEach is not a function

我曾尝试使用JSON.parse(obj)，但这会导致以下错误 Uncaught SyntaxError: Unexpected token o in JSON at position 1

我也尝试过JSON.stringify(obj) 来解决错误，但没有成功

当我打印出变量 console.log(obj) 时，我得到：

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

我知道我可以在 ejs 中使用嵌入式 javascript（当我这样做时，我可以在 obj 上使用 forEach() 就好了）但出于我的特定目的，我想按照所示的方式进行操作（即在 <script>标签）。

Answer 1

您需要同时使用JSON.stringify 和JSON.parse

 <script>
   var data = JSON.parse('<%= JSON.stringify(obj) %>');

   data.forEach(function(o) {
      console.log(o);
   }
</script>

我发现在某些情况下，JSON parse 或 JSON stringify 仍然会出错，并从进行 cookie 解析的帖子中获得灵感

 <script>
   var data = JSON.parse(decodeURIComponent('<%=encodeURIComponent( JSON.stringify(data) ) %>')) 

   data.forEach(function(o) {
      console.log(o);
   }
</script>

另一种方法是使用res.cookie，但限制为 4 MB