如何在 EJS 中使第一个字母大写 - JavaScript

在 EJS 中，我们通常使用模板来生成 HTML 文件。有时候我们需要将数据首字母大写，这时候就需要用到 JavaScript 的字符串方法。

方法一：使用 JavaScript 的字符串方法

JavaScript 中提供了一个字符串方法 toUpperCase()，它可以将一个字符串所有字母变成大写，而我们只需要将第一个字母变成大写。

<% let str = 'hello world' %>
<%= str.charAt(0).toUpperCase() + str.slice(1) %>

上面代码中，我们先使用 charAt() 方法获取字符串的第一个字母，然后使用 toUpperCase() 方法将其变成大写，最后使用 slice() 方法将除了第一个字母之外的所有字母拼接在一起。

方法二：使用 EJS 自定义函数

如果我们需要在多个模板中使用首字母大写的字符串，那么我们可以使用 EJS 自定义函数来实现。

首先，在我们的应用中定义一个自定义函数 capitalize，它可以将字符串的第一个字母变成大写：

app.locals.capitalize = function(str) {
  return str.charAt(0).toUpperCase() + str.slice(1);
};

然后，在 EJS 模板中使用自定义函数 capitalize：

<h1><%= capitalize(title) %></h1>

上面代码中，我们传递了一个参数 title 给自定义函数 capitalize，然后将函数的返回值渲染到模板中。

总结

这篇文章介绍了如何在 EJS 中使第一个字母大写。我们可以使用 JavaScript 的字符串方法或者 EJS 自定义函数来实现。如果我们需要在多个模板中使用首字母大写的字符串，那么使用自定义函数会更加方便。