es6怎么将字符串转为大写

转换方法：1、使用toUpperCase()函数将字符串转换为大写，语法“string.toUpperCase()”；2、使用toLocaleUpperCase()函数将字符串转换为大写，语法“string.toLocaleUpperCase()”；3、利用slice()、toUpperCase()、toLowerCase()函数和字符串拼接符“+”来设置首字母大写。

本教程操作环境：windows7系统、ECMAScript 6版、Dell G3电脑。

方法1、使用toUpperCase()函数将字符串转换为大写

toUpperCase() 方法的作用：把指定字符串中的小写字母全部转换为大写字母，最后返回一个新的字符串。

语法

stringObject.toUpperCase()

• 会返回一个新的字符串，在其中 stringObject 的所有小写字符全部被转换为了大写字符。

实例

<div class="demo ">
    <p>转换前：<br />
        <span id="str1"></span>
    </p><br />
    <p>转换后：<br />
    <span id="str2"></span>
    </p>
</div>
 
<script type="text/javascript">
var str1 ="gxlsystem.com的网址为：www.php.cn！";
var str2 =str1.toUpperCase();
 
document.getElementById("str1").innerHTML =str1;
document.getElementById("str2").innerHTML =str2;
</script>

方法2、使用toLocaleUpperCase()函数将字符串转换为大写

toLocaleUpperCase()的作用：会根据用户当前计算机的语言环境来把指定字符串中的小写字母全部转换为大写字母，最后会返回一个新的字符串。

语法

stringObject.toLocaleUpperCase()

• 会返回一个新的字符串，在其中 stringObject 的所有小写字符全部被转换为了大写字符。

说明

与 toUpperCase() 不同的是，toLocaleUpperCase() 方法按照本地方式把字符串转换为大写。只有几种语言（如土耳其语）具有地方特有的大小写映射，所有该方法的返回值通常与 toUpperCase() 一样。但大多数情况下，toLocaleUpperCase()方法返回的结果和toUpperCase() 方法的一样。

实例：使用toLocaleUpperCase()方法，转换字符串“JavaScript字符串的大写字母转换！”

<div class="demo ">
    <p>转换前：<br />
        <span id="str1"></span>
    </p><br />
    <p>转换后：<br />
            <span id="str2"></span>
    </p>
</div>
 
<script type="text/javascript">
var str1 ="JavaScript字符串的大写字母转换！";
var str2 =str1.toLocaleUpperCase();
 
document.getElementById("str1").innerHTML =str1;
document.getElementById("str2").innerHTML =str2;
</script>

总结：可以看出，无论是toUpperCase() 方法，还是toLocaleUpperCase()方法，都只会对指定字符串的小写字母进行更改，转换为大写字母，对其他非字母（或者大写字母）不进行任何更改。

扩展知识：首字母大写

javascript中没有首字母大写函数。但我们可以利用slice()、toUpperCase()、toLowerCase()函数和字符串拼接符“+”来设置首字母大写。

• 使用slice()方法将字符串分成两部分：首字母字符部分，和其他子字符部分。

• 使用toUpperCase()方法将首字母转换为大写；使用toLowerCase()将其他子字符转换为小写。

• 使用“+”运算符，将两个部分重新拼接起来

function f(str) {
newStr = str.slice(0,1).toUpperCase() +str.slice(1).toLowerCase();
   console.log(newStr);
}
f("hello World！");

【推荐学习：javascript视频教程】

以上就是es6怎么将字符串转为大写的详细内容，更多请关注gxlsystem.com其它相关文章！