迹忆客 专注技术分享

要用字符串中的空格替换下划线，请调用 replaceAll() 方法，将下划线和空格作为参数传递给它，例如 str.replaceAll('_', ' ')。replaceAll 方法将返回一个新字符串，其中每个下划线都被一个空格替换。

const str = 'apple_pear_melon';

// ✅ without regular expression
const result1 = str.replaceAll('_', ' ');
console.log(result1); // 👉️ "apple pear melon"

// ✅ with regular expression
const result2 = str.replace(/_+/g, ' ');
console.log(result2); // 👉️ "apple pear melon"

replaceAll 示例将每个下划线替换为一个空格，而 replace 方法将一个或多个相邻的下划线替换为一个空格。

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

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

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

另一种方法是使用 String.replace 方法。

使用 replace 将字符串中的下划线替换为空格

要用字符串中的空格替换下划线：

1. 使用以下正则表达式调用 replace() 方法 - /_+/g。
2. 用包含空格的字符串替换每个匹配项。
3. replace() 方法将返回一个新字符串，其中所有下划线都替换为空格。

const str = 'apple_pear_melon';

const result2 = str.replace(/_+/g, ' ');
console.log(result2); // 👉️ "apple pear melon"

我们传递给 replace() 方法的第一个参数是正则表达式，第二个参数是正则表达式的每个匹配项的替换。

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

正则表达式匹配下划线。

加号 + 与前面的项目（下划线）匹配一次或多次。 换句话说，我们认为多个下划线彼此相邻是一个匹配项，并将它们替换为一个空格。

我们使用了 g （全局）标志，因为我们想要匹配字符串中出现的所有下划线，而不仅仅是第一次出现的。

如果只想用空格替换字符串中的第一个下划线，请删除 g 标志。

const str = 'apple_pear_melon';

const replaceFirst = str.replace(/_+/, ' ');
console.log(replaceFirst); // 👉️ "apple pear_melon"

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

可能存在我们必须处理的极端情况 - 字符串可能以下划线开头或结尾，在这种情况下我们可能希望删除前导或尾随空格。

// 👇 ️starts and ends with underscore
const str = '_apple_pear_melon_';

const result3 = str.replaceAll('_', ' ').trim();
console.log(result3); // 👉️ "apple pear melon"

String.trim 方法从字符串中删除任何前导或尾随空格（空格、制表符、换行符）。

console.log('    apple    '.trim()); // 👉️ "apple"

为了处理这种边缘情况，我们只需在用空格替换下划线后调用 trim() 方法。

另一种常用的替代方法是使用 String.split 和 Array.join 方法。

const str = '_apple_pear_melon_';

const result4 = str.split('_').join(' ').trim();
console.log(result4); // 👉️ "apple pear melon"

我们传递给 split() 方法的唯一参数是我们要拆分字符串的分隔符。

该方法返回一个子字符串数组。

// 👇️ ['one', 'two', 'three']
console.log('one_two_three'.split('_'));

然后我们在数组上调用 join() 方法并传递一个空格作为分隔符。

// 👇️ "one two three"
console.log('one_two_three'.split('_').join(' '));

选择哪种方法是个人喜好的问题。 我会选择 replaceAll 方法，因为我发现它最直接、可读性和直观性。