字符串首字母大写

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

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

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

const str = 'captain Picard';

const caps = str.charAt(0).toUpperCase() + str.slice(1);
caps;

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

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

const str = 'captain picard';

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

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

使用CSS

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

1
2
3

.capitalize {
  text-transform: capitalize;
}

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

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

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

推荐订阅源

开飞机的老张

使用CSS