将单词首字母大写并将空格替换为下划线 - 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.