轉換方法:1、使用toUpperCase()函數將字符串轉換為大寫,語法“string.toUpperCase()”;2、使用toLocaleUpperCase()函數將字符串轉換為大寫,語法“string.toLocaleUpperCase()”;3、利用slice()、toUpperCase()、toLowerCase()函數和字符串拼接符“+”來設置首字母大寫。
本教程操作環(huán)境:windows7系統(tǒng)、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 ="php中文網的網址為:www.php.cn!"; var str2 =str1.toUpperCase(); document.getElementById("str1").innerHTML =str1; document.getElementById("str2").innerHTML =str2; </script>
方法2、使用toLocaleUpperCase()函數將字符串轉換為大寫
toLocaleUpperCase()的作用:會根據用戶當前計算機的語言環(huán)境來把指定字符串中的小寫字母全部轉換為大寫字母,最后會返回一個新的字符串。
語法
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視頻教程】