在 JavaScript 中，我们可以使用默认的 JavaScript 字符串方法，如 replace()、split()、join() 等，用提供的字符串部分替换字符串中的单个或多个空格。

在 JavaScript 中使用 replace 方法将空格替换为下划线

replace() 是 JavaScript 中的预定义方法，我们在字符串上使用它来用另一个字符串替换该字符串的已定义部分。它从完整声明的字符串中搜索定义的字符串部分，并将其替换为给定的值。

replace() 方法不会更改原始字符串；它返回更新的字符串。

我们将初始化包含空格的字符串并测试用下划线替换空格的 replace 方法。我们将使用带有修饰符集 (g) 的正则表达式来替换所有实例。

<script>
let string = "Delft stack is a good website to learn programming"
let resultOne = string.replace(" ","_") //replace one
let resultAll = string.replace(/\s+/g, '_'); //replace all
  console.log("original string: "+string)
  console.log("updated string for one: "+resultOne)
  console.log("updated string for all: "+resultAll)
</script>

输出：

"original string: Delft stack is a good website to learn programming"
"updated string for one: Delft_stack is a good website to learn programming"
"updated string for all: Delft_stack_is_a_good_website_to_learn_programming"

1. 我们在上面的 JavaScript 源码中初始化了一个包含多个空格的字符串。
2. 我们对该字符串使用了 replace() 方法，带有两个参数 replace(" ","_")。
3. 它将找出字符串中的第一个" "（空格）并将其替换为"_"（下划线）。
4. 我们提供了 regex（正则表达式）来替换第一个参数中的所有空格。
5. 最后，我们显示更新后的字符串以查看结果并区分工作方法。
6. 你可以在控制台日志框中看到输出。

在 JavaScript 中使用 split 和 join 方法将空格替换为下划线

在 JavaScript 中，split() 是一个预定义的方法。它将声明的字符串拆分为子字符串数组。

split() 方法不会更改原始字符串；它返回一个新的字符串字符数组。

join() 方法从数组中返回一个字符串；它不会改变原始数组。

我们可以在字符串上使用带有 join() 的 split() 方法来用另一个字符串替换已定义的部分。我们将初始化包含空格的字符串并测试 split 和 join 方法以用下划线替换空格。

<script>
let string = "Delft stack is a good website to learn programming"
let result = string.split(' ').join('_');
console.log("original string: "+string)
console.log("updated string: "+result)
</script>

输出：

"original string: Delft stack is a good website to learn programming"
"updated string: Delft_stack_is_a_good_website_to_learn_programming"

1. 我们在上面的 JavaScript 源码中初始化了一个包含多个空格的字符串。
2. 我们对该字符串使用 split() 方法将字符串拆分为子字符串数组。
3. 我们使用 join() 方法从已经使用 split() 方法生成的数组生成字符串。
4. 我们提供字符串"_" 作为 join 方法的参数来替换所有空格。
5. 最后，我们显示更新后的字符串以查看结果并区分工作方法。
6. 查看控制台日志框中的输出。

火焰兔

海报 链接

本教程教授如何用 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 中结合 split 和 join 方法

我们可以通过结合两种方法来达到同样的效果，split 和 join。

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_.。

火焰兔

海报 链接