将 EJS 转换为 JavaScript 数组

在一些 EJS 模板中，可能需要将数据转换为 JavaScript 数组，以便在前端页面中使用。本文将介绍如何将 EJS 转换为 JavaScript 数组。

数据格式

在 EJS 模板中，数据格式可以是一个对象或一个数组，如下所示：

{
  "fruits": [
    "apple",
    "banana",
    "orange"
  ]
}

EJS 语法

为了将数据转换为 JavaScript 数组，我们需要使用 EJS 语法。以下是将 EJS 数据转换为 JavaScript 数组的示例代码：

<% var fruitsArray = [] %>
<% for (var i = 0; i < fruits.length; i++) { %>
  <% fruitsArray.push(fruits[i]) %>
<% } %>

上述代码中，我们使用了 EJS 中的 <% %> 标签来包含 JavaScript 代码。我们首先定义了一个名为 fruitsArray 的空数组。然后，我们使用 for 循环迭代所有水果，并将它们推送到 fruitsArray 数组中。

将数组输出到页面

要在前端页面中使用 JavaScript 数组，我们需要将数组输出到页面上。此时，我们可以使用以下代码：

<script>
  const fruitsArray = <%- JSON.stringify(fruitsArray) %>;
  console.log(fruitsArray);
</script>

在上述代码中，我们使用了 EJS 中的 <%- %> 标签来输出 JavaScript 变量 fruitsArray。我们还将 fruitsArray 转换为 JSON 字符串，以便在前端页面中使用它。

总结

通过使用 EJS 语法，我们可以将 EJS 数据转换为 JavaScript 数组，并在前端页面中输出它们。这个过程既简单又实用。