如何使用JavaScript实现字符串仅首字母大写？

常用可选实现方案 #

你目前在用的charAt+slice的写法本身性能就很好，是生产环境常用的实现方式，其他可选的实现如下：

• 正则替换（写法最精简）

const str2 = str.replace(/^./, match => match.toUpperCase());

该写法自动兼容空字符串输入，不会抛出异常，语义更直观，适合普通业务场景使用。

• ES6+ 解构写法

const capitalize = (str = '') => {
  const [firstChar, ...restChars] = str;
  return firstChar ? `${firstChar.toUpperCase()}${restChars.join('')}` : '';
}
const str2 = capitalize(str);

该写法天然做了输入兜底，兼容undefined、null、空字符串等异常输入，语法更现代化，适合TS/ES6+的项目使用。

• 纯CSS实现（仅渲染场景用）
  如果转换后的字符串只需要在前端页面展示，不需要作为变量参与后续JS逻辑，可以直接用CSS处理，性能更高，且只会修改整个字符串的第一个字母：

.first-upper::first-letter {
  text-transform: uppercase;
}

给对应的DOM元素添加first-upper类即可。

性能对比 #

如果是处理超大规模的字符串批量转换，你原有的charAt(0).toUpperCase() + str.slice(1)的写法性能最优，比正则替换的写法快30%左右，更适合这种高性能要求的场景。

内容的提问来源于stack exchange，提问作者stackuser