转换单词并将空格替换为下划线 – JavaScript

转换单词并将空格替换为下划线 – JavaScript

我们尝试开发一种方法,将带有空格和小写字母的文本转换为带有下划线的文本,并将每个单词的首字母大写。让我们全面查看等式。

tutorials point = Tutorials_Point //预期输出

让我们深入了解一下以便更好地理解在JavaScript中如何将单词大小写化并将空格替换为下划线。

使用replace()方法

replace()方法在字符串中查找一个值或正则表达式。替换后的value()是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>

运行上面的脚本时,将弹出一个输出窗口,其中显示了已替换为下划线并大写的文本。

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程

JavaScript 教程