WEB 教程
实践 示例
HTML 参考手册
CSS 参考手册
PHP 参考手册

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

主题:JavaScript / jQuery上一页|下一页

答案:使用toUpperCase()方法

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

charAt() 方法返回指定索引处的字符,而 slice() 方法根据 beginIndexendIndex 参数提取字符串的一部分,例如 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 相关问题解答

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

Advertisements