JavaScript字符串首字母大写

原文:Capitalize the First Letter of a String in JavaScript

JavaScript中如何将“dog”转为“Dog”。

JavaScript没有内置的字符串首字母大写函数,但原生JS可以用一行代码实现字符串的首字母大写。另外还可以使用lodash或CSS。本文介绍了这三种方法。

原生JS

JavaScript的String#uppercase()函数可以将整个字符串转为大写。那么可以先把第一个字符大写,然后和其他字符拼起来,以实现首字母大写。

1
2
3
4
5
6
function capitalize(str) {
return str.charAt(0).toUpperCase() + str.slice(1);
}

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

lodash

lodash的capitalize()函数可以实现字符串的首字母大写,而且它还会将其他字符转换为小写。

1
2
3
4
const _ = require('lodash');

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

CSS

在一些场景中,可能并不需要使用JavaScript。CSS的text-transform: capitalize会将字符串中的每一个单词的首字母大写。

1
2
3
.capitalize {
text-transform: capitalize;
}

那么字符串'capitalize using CSS'在浏览器中会渲染为'Capitalize Using CSS'