在 JavaScript 中用下划线替换字符

Jagathish 2023年10月12日
  1. 使用 replace 方法替换 JavaScript 中的字符
  2. 在 JavaScript 中结合 splitjoin 方法
在 JavaScript 中用下划线替换字符

本教程教授如何用 JavaScript 中的其他字符串替换特定字符/子字符串。我们可以使用 replace 方法将子字符串替换为备用子字符串。

使用 replace 方法替换 JavaScript 中的字符

replace 方法通过用替换字符串替换子字符串或模式来返回新字符串。

对于 replace 函数,我们应该传递两个参数:

  1. 要替换的模式或子串。
  2. 为找到的模式替换的字符串。

例子:

var str = 'Hi From delftstack  .';
var replacedStr = str.replace(/\s+/g, '_');
console.log('str is : ' + str);
console.log('Replaced String is : ' + replacedStr);

输出:

str is : Hi From delftstack
Replaced String is: Hi_From_delftstack_.

在上面的代码中,

  • 创建一个字符串变量 str,其值为 Hi From delftstack。
  • 使用 replace 方法将 str 变量中的所有空格替换为下划线(_) 字符。对于 replace 函数,正则表达式 /\s+/g 作为模式传递。在这个正则表达式中,\s+ 将匹配所有空格字符,并且包含 g 标志(全局标志)以匹配所有出现的模式,而不是在第一次匹配后停止。
  • replace 方法将返回一个新字符串,该字符串将用下划线 (_) 替换空格。替换字符串中的值将是 Hi_From_delftstack_。

在 JavaScript 中结合 splitjoin 方法

我们可以通过结合两种方法来达到同样的效果,splitjoin

split 方法将通过将字符串拆分为多个子字符串来创建一个数组。对于作为参数传递的所有 regex-pattern/string 匹配,字符串将被拆分。

join 方法返回一个通过连接所有数组元素创建的新字符串。将在加入字符串的每个元素之间添加一个分隔符字符串(默认情况下,将添加逗号 ,)。

例子:

var str = 'Hi From delftstack  .';
var splitArr = str.split(/\s+/g);
var replacedStr = splitArr.join('_');

console.log('str is : ' + str);
console.log('splitArr is : ', splitArr);
console.log('Replaced String is : ' + replacedStr);

输出:

str is : Hi From delftstack
splitArr is : ['Hi', 'From', 'delftstack', '.']
Replaced String is: Hi_From_delftstack_.

在上面的代码中,

  • 创建一个字符串变量 str,其值为 Hi From delftstack。
  • 使用 split 方法以/\s+/g 正则表达式作为参数。split 方法将为每个匹配的空格字符分割字符串。split 方法将返回 ['Hi', 'From', 'delftstack', '.']
  • 使用 join 方法连接拆分字符串数组,下划线 _ 作为分隔字符串,并通过在每个元素之间添加下划线来连接所有字符串元素。join 方法将返回 Hi_From_delftstack_.

相关文章 - JavaScript String

相关文章 - JavaScript Methods