es6如何将字符串转为大写
导读:本文共2448.5字符,通常情况下阅读需要8分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要: 转换方法:1、使用toUpperCase()函数将字符串转换为大写,语法“string.toUpperCase()”;2、使用toLocaleUpperCase()函数将字符串转换为大写,语法“string.toLocaleUpperCase()”;... ...
目录
(为您整理了一些要点),点击可以直达。
转换方法:1、使用toUpperCase()函数将字符串转换为大写,语法“string.toUpperCase()”;2、使用toLocaleUpperCase()函数将字符串转换为大写,语法“string.toLocaleUpperCase()”;3、利用slice()、toUpperCase()、toLowerCase()函数和字符串拼接符“+”来设置首字母大写。
方法1、使用toUpperCase()函数将字符串转换为大写
toUpperCase() 方法的作用:把指定字符串中的小写字母全部转换为大写字母,最后返回一个新的字符串。
语法
stringObject.toUpperCase()
会返回一个新的字符串,在其中 stringObject 的所有小写字符全部被转换为了大写字符。
实例
<divclass="demo"><p>转换前:<br/><spanid="str1"></span></p><br/><p>转换后:<br/><spanid="str2"></span></p></div><scripttype="text/javascript">varstr1="的网址为:www.yisu.com!";varstr2=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字符串的大写字母转换!”
<divclass="demo"><p>转换前:<br/><spanid="str1"></span></p><br/><p>转换后:<br/><spanid="str2"></span></p></div><scripttype="text/javascript">varstr1="JavaScript字符串的大写字母转换!";varstr2=str1.toLocaleUpperCase();document.getElementById("str1").innerHTML=str1;document.getElementById("str2").innerHTML=str2;</script>
总结:可以看出,无论是toUpperCase() 方法,还是toLocaleUpperCase()方法,都只会对指定字符串的小写字母进行更改,转换为大写字母,对其他非字母(或者大写字母)不进行任何更改。
扩展知识:首字母大写
javascript中没有首字母大写函数。但我们可以利用slice()、toUpperCase()、toLowerCase()函数和字符串拼接符“+”来设置首字母大写。
使用slice()方法将字符串分成两部分:首字母字符部分,和其他子字符部分。
使用toUpperCase()方法将首字母转换为大写;使用toLowerCase()将其他子字符转换为小写。
使用“+”运算符,将两个部分重新拼接起来
functionf(str){newStr=str.slice(0,1).toUpperCase()+str.slice(1).toLowerCase();console.log(newStr);}f("helloWorld!");
</div> <div class="zixun-tj-product adv-bottom"></div> </div> </div> <div class="prve-next-news">
es6如何将字符串转为大写的详细内容,希望对您有所帮助,信息来源于网络。