字符串首字母大写

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

不用任何外部库,实现字符串首字母大写。

用字符串的toUpperCase()方法slice()方法可以轻松实现字符串的首字母大写。

1
2
3
4
const str = 'captain Picard';

const caps = str.charAt(0).toUpperCase() + str.slice(1);
caps; // 'Captain Picard'

首先将第一个字母转为大写,然后拼接剩余的字符。

如果要将字符串中的每一个单词首字母大写,可以用split()将字符串分割成单词,分别首字母大写后再用join()拼接成字符串,如下。

1
2
3
4
5
6
7
8
const str = 'captain picard';

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

const caps = str.split(' ').map(capitalize).join(' ');
caps; // 'Captain Picard'

使用CSS

在前端,字符串的首字母大写并不需要JavaScript,CSS完全可以实现:

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

例如,以下<div>包含capitalize样式类,内部文本是captain picard,CSS可以将字符串中所有单词转为首字母大写。

1
<div class="capitalize">captain picard</div>

本教程对您有帮助吗?来GitHub仓库点个星支持我们吧!