JS字符串中的第一个字母大写(两种方法)

简介: JS字符串中的第一个字母大写(两种方法)

如何将字符串中的第一个字母大写

一个非常常见的操作是将字符串的第一个字母大写。虽然许多编程语言都有一种本地方法来实现这一点,但 JS 需要做一些工作。

<!DOCTYPE HTML>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
        <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
        <script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
        <style>
        </style>
    </head>
    <body>
    </body>
    <script type="text/javascript">
        let a = 'wangting'      
        a = a[0].toUpperCase() + a.substr(1)        
        console.log(a) // "Wangting"
    </script>
</html>

打印结果:

另一种方法:

使用扩展运算符

<!DOCTYPE HTML>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
        <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
        <script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
        <style>
        </style>
    </head>
    <body>
    </body>
    <script type="text/javascript">
        let a = "wangting";
        // 使用扩展运算符(...)拆分为字符        
        const characters = [...a];
        characters[0] = characters[0].toUpperCase();
        a = characters.join("");
        console.log(a); // "Wangting"
    </script>
</html>

相关文章
|
17天前
|
存储 JavaScript 索引
JS中数组的相关方法介绍
JS中数组的相关方法介绍
|
19天前
|
JavaScript 前端开发 容器
AJAX载入外部JS文件到页面并让其执行的方法(附源码)
AJAX载入外部JS文件到页面并让其执行的方法(附源码)
18 0
|
20天前
|
JSON JavaScript 前端开发
JavaScript原生代码处理JSON的一些高频次方法合集
JavaScript原生代码处理JSON的一些高频次方法合集
|
17天前
|
JavaScript 前端开发 索引
JavaScript中与字符串相关的方法
JavaScript中与字符串相关的方法
|
2天前
|
JavaScript 前端开发
js 操作数组的方法
js 操作数组的方法
13 4
|
10天前
|
JavaScript 前端开发
js字符串拼接
js字符串拼接
|
10天前
|
JavaScript 前端开发 Java
js 垃圾回收机制的方法
js 垃圾回收机制的方法
|
10天前
|
JavaScript 前端开发
js数据类型有几类?一共有几种?判断数据类型的方法是什么?
js数据类型有几类?一共有几种?判断数据类型的方法是什么?
|
11天前
|
JavaScript 前端开发
js绑定事件的方法
js绑定事件的方法
22 11
|
12天前
|
JavaScript
JS生成uuid的四种方法
JS生成uuid的四种方法
11 0