如何在 JavaScript 中将字符串的首字母变为大写

主题:JavaScript / jQuery

答案:使用toUpperCase()方法

在 JavaScript 中，没有像 PHP ucfirst() 这样的快捷函数将字符串的第一个字母或字符变为大写。 但是，您可以使用 JavaScript toUpperCase() 方法结合 charAt() 和 slice() 方法实现相同的目的，但需要一点小技巧。

charAt() 方法返回指定索引处的字符，而 slice() 方法根据 beginIndex 和 endIndex 参数提取字符串的一部分，例如 str.slice(beginIndex, endIndex)。 endIndex 参数是可选的，如果省略，slice() 方法将提取到字符串的末尾。

字符串中的字符从左到右索引。 第一个字符的索引是 0，而名为 str 的字符串变量中最后一个字符的索引是 str.length - 1。 为了更好地理解这一切，让我们看看下面的例子:

<script>
    /* 定义函数以大写字符串的第一个字母 */
    function capitalizeFirstLetter(string){
        return string.charAt(0).toUpperCase() + string.slice(1);
    }
    
    /* 调用函数并显示结果 */
    var str1 = 'hi there!';
    str1 = capitalizeFirstLetter(str1);
    document.write(str1); /* Print: Hi there! */
    
    var str2 = 'the Gods must be crazy.';
    str2 = capitalizeFirstLetter(str2);
    document.write(str2); /* Print: The Gods must be crazy. */
    
    var str3 = '/app/index.html';
    str2 = capitalizeFirstLetter(str3);
    document.write(str3); /* Print: /app/index.html */
</script>

上例中我们的自定义函数capitalizeFirstLetter()所做的是，获取字符串的第一个字符，并使用toUpperCase()方法将其转换为大写，然后提取 字符串中不包括第一个字符的部分，最后将它们连接起来并返回。

FAQ 相关问题解答

以下是与此主题相关的更多常见问题解答:

• 如何在 jQuery 中从字符串中删除第一个字符
• 如何使用 jQuery 从字符串中获取子字符串
• 如何在 JavaScript 中替换字符串中的字符