迹忆客 专注技术分享

使用 replaceAll() 方法在字符串中的每个逗号后添加一个空格，例如 str.replaceAll(',', ', ')。 replaceAll() 方法将返回一个新字符串，其中出现的所有逗号都将替换为一个逗号和一个空格。

const str = 'a,b,c';

const spaced = str.replaceAll(',', ', ');
console.log(spaced); // 👉️ "a, b, c"

我们将以下 2 个参数传递给 String.replaceAll 方法：

1. 我们要在字符串中匹配的子字符串
2. 每个匹配的替换

出于我们的目的，我们用一个逗号和一个空格替换每个逗号。

replaceAll 方法不会改变原来的字符串，它返回一个新的字符串。 字符串在 JavaScript 中是不可变的。

Internet Explorer 不支持 replaceAll 方法。 如果我们需要支持浏览器，请改用 String.replace 方法。

要在字符串中的每个逗号后添加一个空格，请对字符串调用 replace() 方法并将每个逗号替换为一个逗号和一个空格，例如 str.replace(/,/g, ', ')。 replace 方法将返回一个新字符串，其中每个逗号后跟一个空格。

// Supported in IE
const str = 'a,b,c';

const spaced = str.replace(/,/g, ', ');
console.log(spaced); // 👉️ "a, b, c"

我们传递给 replace() 方法的第一个参数是一个正则表达式。

正斜杠 // 标记正则表达式的开始和结束。

在正则表达式内部，我们匹配一个逗号，并使用 g（全局）标志来匹配字符串中逗号的每一次出现，而不仅仅是第一次出现。

如果大家在阅读正则表达式时需要帮助，请查看我们的正则表达式教程。

我们传递给 replace 方法的第二个参数是每个匹配项的替换字符串。

如果你不喜欢正则表达式，可以使用 String.split() 方法。

要在字符串中的每个逗号后添加一个空格：

1. 在字符串上调用 split() 方法并在每个逗号处拆分它
2. 对结果调用 join() 方法并用逗号和空格连接它
3. 新字符串的每个逗号后跟一个空格

// Supported in IE
const str = 'a,b,c';

const spaced = str.split(',').join(', ');
console.log(spaced); // 👉️ "a, b, c"

我们传递给 split() 方法的唯一参数是一个分隔符。 该方法返回在每次出现所提供的分隔符时拆分的子字符串数组。

const str = 'a,b,c';

// 👇️ ['a', 'b', 'c']
console.log(str.split(','));

最后一步是使用 Array.join 方法并将数组连接成一个字符串。

我们传递给 join 方法的参数是一个分隔符——在我们的例子中是一个逗号后跟一个空格。

这是用逗号和空格替换每个逗号的更手动的方法。

我的首选方法是尽可能使用 replaceAll 方法，因为它可以在没有正则表达式的情况下使用，并且非常直观且易于阅读。