如何用JavaScript將字串進行大小寫轉換（圖文詳解）-js教程-PHP中文網

如何用JavaScript將字串進行大小寫轉換（圖文詳解）

yulia

發布： 2018-10-29 10:57:31

原創

47738 人瀏覽過

JavaScript是前端開發中非常重要的一部分，它可以實現頁面的功能，正在學習JavaScript的小夥伴，你知道如何用JS將一個小寫字串轉換為大寫嗎？這篇文章就跟大家講講JS字串大小寫轉換的方法，有一定的參考價值，有興趣的小夥伴可以看看。

一、toLowerCase 將字串轉換為小寫

JavaScript中的toLowerCase() 方法可以將字串轉換為小寫，但是它對非字母字元不會產生影響，使用時無需擔心相容性，因為所有主要瀏覽器都支援toLowerCase() 方法。

實例：用toLowerCase將字串轉換為小寫

描述：定義一個大小寫混合的字串a，用toLowerCase將其轉換為小寫，將傳回值賦給b，用document.write在頁面上顯示a和b的值，看看有什麼不同，舉碼如下：

<script type="text/javascript">
  var a="WATERmelon"
  var b=a.toLowerCase()
  document.write(a+&#39;<br>&#39;+b)
 </script>

登入後複製

效果圖：

如何用JavaScript將字串進行大小寫轉換（圖文詳解）

##由圖可見，轉換後字串都變成了小寫，並且toLowerCase不會改變原始字串。

二、toUpperCase 將字串轉換為大寫

toUpperCase() 方法可以將字串轉換為大寫，和toLowerCase一樣，它對非字母字元不會產生影響，且所有主要瀏覽器都支援toUpperCase方法。

範例：用toUpperCase將字串轉為大寫

描述：先定義一個大小寫混合的字串a，用toUpperCase將字串轉換為大寫，然後將值賦給b ，用document.write將a和b的值顯示在頁面上，看看轉換前後有什麼不同，舉碼如下：

<script type="text/javascript">
  var a="absolute"
  var b=a.toUpperCase()
  document.write(a+&#39;<br>&#39;+b)
 </script>

登入後複製

效果圖：

如何用JavaScript將字串進行大小寫轉換（圖文詳解）

由圖可見，轉換後字串都變成了大寫，並且oUpperCase不會改變原始字串。

以上跟大家介紹如何用JavaScript將大小寫字串進行轉換，如果要將字串轉換為小寫，就用toLowerCase() 方法，如果要將字串轉換為大寫，就用toUpperCase ()方法，講解比較詳細，容易理解，之前沒有接觸過字串大小寫轉換的朋友，一定要自己動手練習，看看你的程式碼能不能實現大小寫轉換的效果，希望這篇文章對你有所幫助！

【相關教學推薦】

JavaScript影片教學2.
JavaScript中文參考手冊3.
bootstrap教程

以上是如何用JavaScript將字串進行大小寫轉換（圖文詳解）的詳細內容。更多資訊請關注PHP中文網其他相關文章！