JavaScript 中字符串的首字母大写

Question

JavaScript 没有将字符串的首字母转换为大写的内置函数。 但是，您可以使用一行 vanilla JS 将字符串的第一个字母大写。 您还可以使用 lodash 或 CSS。 在本教程中，您将学习使用全部 3 个。

使用 Vanilla JS

JavaScript 有一个 String#uppercase() 函数 将整个字符串转换为大写的 这意味着您可以将第一个字符大写并将其与 包含除第一个字符之外的所有内容的子字符串 。

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

capitalize('dog'); // 'Dog'
capitalize('cAT'); // 'CAT'

使用 Lodash

洛达什的 capitalize() 函数 还将字符串中的第一个字符大写。 它还将剩余的字符转换为小写。

const _ = require('lodash');

_.capitalize('dog'); // 'Dog'
_.capitalize('cAT'); // 'Cat'

使用 CSS

根据您的用例，您可能根本不需要 JavaScript。 CSS text-transform: capitalize 将字符串中每个单词的首字母大写。

.capitalize {
  text-transform: capitalize;
}

所以给定字符串 'capitalize using CSS'，浏览器会将字符串呈现为 使用 CSS 大写。