將單詞首字母大寫並將空格替換為下劃線 - JavaScript?


我們將嘗試開發一種方法,將包含空格和小寫字母的文字更改為使用下劃線連線的文字,其中每個單詞的首字母大寫。讓我們完整地檢查一下這個方法。

tutorials point = Tutorials_Point //expected output

讓我們深入研究這篇文章,以更好地理解如何在 JavaScript 中將單詞首字母大寫並將空格替換為下劃線。

使用 replace() 方法

replace() 方法在一個字串中查詢一個值或正則表示式。一個包含替換值()的新字串是 replace() 方法的結果。原始字串不會被replace()方法改變。

語法

以下是replace()方法的語法:

string.replace(searchValue, newValue)

為了更好地理解如何在 JavaScript 中將單詞首字母大寫並將空格替換為下劃線,讓我們來看下面的例子。

示例

在下面的示例中,我們執行指令碼透過傳遞正則表示式來將單詞首字母大寫並將空格替換為下劃線。

<!DOCTYPE html>
<html>
<body>
   <script>
      document.write('welcome to the tutorials point'.toUpperCase().replace(/ /g, '_')
      .replace(/(?: |\b)(\w)/g, function(key, p1) {
         return key.toUpperCase();
      }));
   </script>
</body>
</html>

當指令碼執行時,它將生成一個輸出,其中包含空格被下劃線替換且單詞首字母大寫的文字,並顯示在網頁上。

示例

執行以下程式碼,檢視replace()方法如何在將單詞首字母大寫並將空格替換為下劃線方面的工作原理。

<!DOCTYPE html>
<html>
<body>
   <script>
      var sentence = "My favorite subject is javascript. I live in us.";
      var result = sentence.trim().replace(/ /g, '_').toLocaleUpperCase();
      document.write(result);
   </script>
</body>
</html>

執行上述指令碼後,將出現一個輸出視窗,顯示空格被下劃線替換且單詞首字母大寫的文字。

使用 split() 方法

split() 方法透過搜尋模式將字串劃分為一個有序的子字串列表;然後將這些子字串放入陣列中,然後返回該陣列。

語法

以下是split()方法的語法:

string.split(separator, limit)

示例

考慮以下示例,這裡我們執行指令碼將空格替換為下劃線並將單詞首字母大寫。

<!DOCTYPE html>
<html>
<body>
   <script>
      function change(str) {
         var i, frags = str.split(' ');
         for (i = 0; i < frags.length; i++) {
            frags[i] = frags[i].charAt(0).toUpperCase() + frags[i].slice(1);
         }
         return frags.join('_');
      }
      document.write(change('the best e-way learning'));
   </script>
</body>
</html>

執行上述指令碼後,將彈出輸出視窗,顯示被下劃線替換並首字母大寫的文字。

更新於:2023年4月21日

1K+ 次瀏覽

開啟您的職業生涯

完成課程獲得認證

開始學習
廣告
© . All rights reserved.