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 ="TW511.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！");

【推薦學習：】

以上就是es6怎麼將字串轉為大寫的詳細內容，更多請關注TW511.COM其它相關文章！