JS 去除多个空格 - Javascript

在前端开发中，我们常常需要对一些字符串进行处理，去除其中多余的空格是很常见的需求。在本文中，我们将介绍几种常见的方法来去除多个空格。

方法一：使用正则表达式

我们可以使用正则表达式来匹配多个连续的空格，然后将其替换成单个空格。代码如下：

const str = "    hello      world     ";
const result = str.replace(/\s+/g, ' ');
console.log(result); // "hello world"

这里，/\s+/g 表示匹配一个或多个空格，g 则表示全局匹配。

方法二：使用 split 和 join

我们可以使用 split 方法将字符串按空格分割成数组，然后再用 join 方法将其重新组合成字符串，中间只保留单个空格。代码如下：

const str = "    hello      world     ";
const result = str.split(' ').filter(str => str !== '').join(' ');
console.log(result); // "hello world"

首先，我们将字符串按空格分割成数组，然后使用 filter 方法将数组中的空字符串过滤掉，最后用 join 方法将数组重新组合成字符串。

方法三：使用 trim 和 replace

我们可以使用 trim 方法先去除字符串两端的空格，然后再使用 replace 方法将中间的多个连续空格替换成单个空格。代码如下：

const str = "    hello      world     ";
const result = str.trim().replace(/\s+/g, ' ');
console.log(result); // "hello world"

这里，trim() 方法可以去除字符串两端的空格，然后使用 replace 方法将中间的多个连续空格替换成单个空格，得到最终结果。

以上就是三种常见的方法来去除字符串中的多个连续空格。在实际开发中，我们可以根据不同的情况选择合适的方法来处理字符串中的空格。