在 JavaScript 中从字符串中移除所有空格

2024 年 8 月 29 日 | 阅读 3 分钟

在 JavaScript 中替换字符串通常很困难。使用 string.replace() 技术更改所有出现的内容仍然可能具有挑战性。当涉及到换行符和制表符时,删除所有空格可能很费力。幸运的是,JavaScript 的 string.replace() 函数支持正则表达式。本课程演示了删除字符串中所有空格的方法。

要在 JavaScript 中移除字符串中的所有空格,请在字符串上调用 replace() 方法,并提供一个匹配任何空格字符的正则表达式以及一个空字符串作为替换。例如,函数 str.replace(/s/g, ") 通过删除 str 中的所有空格来返回一个新字符串。

s 正则表达式 元字符匹配包括空格、制表符换行符在内的空格字符。

我们可以使用 g 正则表达式标志 来声明匹配字符串中的所有空格字符。如果没有此标志,则只会匹配并替换第一个空格。

传递给 replace() 方法 的第二个参数会导致返回的新字符串中的所有匹配项都被替换。第二个输入是一个空字符串 ("),这会导致所有空格都被替换为空,从而被删除。

注意:由于 JavaScript 中的字符串是不可变的,因此 replace() 函数会返回一个新字符串,而不会修改原始字符串。

结合 Join() 和 Split() 方法

另一种策略是使用空格作为分隔符来分割字符串,然后用空字符串将两部分连接起来。下面的示例展示了如何通过删除字符串中的所有连续空格字符来完成此操作。

split() 方法可以将字符串分割成多个较小的字符串,并以数组的形式返回结果。可以通过指定分隔符来分割字符串,每当字符串中出现指定的分隔符时。当字符串中出现空格时,会将空格字符 (" ") 作为此参数来分割字符串。可以使用 join() 方法将字符串数组连接起来。它将使用选定的分隔符返回一个组合的字符串作为新字符串。当对返回的数组应用此方法时,不会使用任何分隔符 ("") 来连接字符串。它将通过连接数组中的字符串来创建新字符串。它将填补原始区域中的所有空白区域。

使用 s 来删除字符串中的所有空格字符。

trim()

JavaScript 还提供了使用 trim 来移除所有空格的选项,包括空格、制表符、不间断空格以及所有行终止符 ()。虽然此方法可以删除给定字符串中的所有空格,但如果您只想删除字符串开头或结尾的空格,可以使用 trimStart() 和 trimEnd() 方法来指定删除的起始和结束位置。

使用 trimStart()trimEnd() 方法,我们可以分别仅删除文本开头或结尾的空格。

结论

当您的代码包含数百行时,删除空格可能会很困难。正因为如此,JavaScript 提供了各种技术来消除这些空格。在本文中,我们介绍了删除字符串中空格的各种技术。其中一些技术会删除所有空格,而另一些则允许我们精确指定删除空格的位置。为了更好地理解,我们为每种方法都提供了示例和源代码。