JavaScript 大写字母并取代空格为下划线

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>

运行上述脚本后,输出窗口将弹出,显示被下划线代替并大写化的文本。

Camera课程

Python教程

Java教程

Web教程

数据库教程

图形图像教程

办公软件教程

Linux教程

计算机教程

大数据教程

开发工具教程