es6怎麼將字串轉為大寫

青灯夜游
發布: 2023-02-16 18:14:19
原創
2450 人瀏覽過

轉換方法:1、使用toUpperCase()函數將字串轉換為大寫,語法「string.toUpperCase()」;2、使用toLocaleUpperCase()函數將字串轉換為大寫,語法「string. toLocaleUpperCase()」;3、利用slice()、toUpperCase()、toLowerCase()函數和字串拼接符「 」來設定首字母大寫。

es6怎麼將字串轉為大寫

本教學操作環境: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>
登入後複製

es6怎麼將字串轉為大寫

#方法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>
登入後複製

es6怎麼將字串轉為大寫

總結:可以看出,無論是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怎麼將字串轉為大寫

【推薦學習:javascript影片教學

#

以上是es6怎麼將字串轉為大寫的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板