字符串首字母大写

发表于 分类于 阅读次数： Valine：

原文：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仓库点个星支持我们吧！