JS 如何使字符串的第一个字母变成大写？

在JavaScript中，将字符串的第一个字母变为大写通常有多种方式，以下是两种常见的方法：

方法1：使用字符串的 charAt() 和 slice() 方法

javascript
function capitalizeFirstLetter(string) {
    // 如果字符串为空，则直接返回
    if(!string) return string;

    // 使用 charAt(0) 获取第一个字符，并将其转换为大写
    // 然后使用 slice(1) 获取第一个字符之后的所有字符
    // 最后将两部分组合起来
    return string.charAt(0).toUpperCase() + string.slice(1);
}

// 示例
const exampleString = "hello";
console.log(capitalizeFirstLetter(exampleString)); // 输出: "Hello"

方法2：使用正则表达式和 replace() 方法

javascript
function capitalizeFirstLetter(string) {
    // 如果字符串为空，则直接返回
    if(!string) return string;

    // 使用正则表达式匹配字符串的第一个字母，并使用 replace() 替换它
    // 函数replace的第二个参数是一个函数，它的返回值将替换掉匹配到的内容
    return string.replace(/^\w/, c => c.toUpperCase());
}

// 示例
const exampleString = "hello";
console.log(capitalizeFirstLetter(exampleString)); // 输出: "Hello"

这两个函数都可以达到我们想要的效果，即将输入字符串的第一个字母转换为大写。您可以根据实际需求和代码风格选择适合的方法。

一种面向对象的方法：

shell
Object.defineProperty(String.prototype, 'capitalize', {
  value: function() {
    return this.charAt(0).toUpperCase() + this.slice(1);
  },
  enumerable: false
});

调用函数的方式如下：

shell
"hello, world!".capitalize();

预期输出为：

shell
"Hello, world!"

CSS 处理方式如下：

shell
 p::first-letter {
    text-transform:capitalize;
}