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 ="php中文網的網址為：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視頻教程】