JavaScript 正则表达式 - 从开头和结尾删除空格

Posted 2023-03-28

【中文标题】JavaScript 正则表达式 - 从开头和结尾删除空格

【英文标题】：JavaScript Regex - Remove Whitespace from Start and End

【发布时间】：2021-09-01 18:22:18

【问题描述】：

我在以下挑战中工作了大约 3 个小时，但我的代码都没有工作。决定查看解决方案以了解我为什么不工作。当我查看解决方案时我很困惑，因为我认为 \s 来识别空格而不是删除它们......有人可以帮我解释为什么使用 \s 而不是 \S 以及为什么使用空字符串（ "") 去掉两端的空格。

挑战

编写一个正则表达式并使用适当的字符串方法来删除字符串开头和结尾的空格。

//SOLUTION

let hello = "   Hello, World!  ";
let wsRegex = /^\s+|\s+$/g; 
let result = hello.replace(wsRegex, "");

【问题讨论】：

代码识别空白字符，然后用空字符串替换它们。通过用空替换某些内容，我们得到与删除某些内容相同的结果。

它正在查找空格并将找到的内容替换为空字符串，也就是删除它

【参考方案1】：

\s 表示正则表达式中的空白字符，如 、 等。 ^ 表示字符串的开头 $ 表示字符串的结尾 | 表示 OR（匹配左侧或右侧） + 表示 1 个或多个（根据左边的规则） /a regex/g g 表示“全局”，也就是“匹配多次”，因为您可能需要在开头和结尾进行匹配

所以正则表达式的意思是：

/^\s+|\s+$/g
/         /       Wrap the regex (how you do it in JS)
 ^\s+             Try to match at the beginning one or more whitespace chars
     |            Or...
      \s+$        Try to match whitespace chars at the end
           g      Match as many times as you can

String.prototype.replace 将在正则表达式中找到的匹配项替换为作为第二个参数提供的字符串，在本例中为空字符串。

所以内部流程是：

查找与正则表达式匹配的所有部分（将是开头的空格和结尾的空格 将每个匹配项替换为 ""，完全删除这些匹配项

let hello = "   Hello, World!  ";
let wsRegex = /^\s+|\s+$/g; 
let result = hello.replace(wsRegex, "");

console.log('"' + result + '"');

大多数人在使用全局标志时使用String.prototype.replaceAll 而不是.replace (

let hello = "   Hello, World!  ";
let wsRegex = /^\s+|\s+$/g; 
let result = hello.replaceAll(wsRegex, "");

console.log('"' + result + '"');

【讨论】：

感谢您的详细解释。现在完全有道理了。

【参考方案2】：

replace 的第二个参数用于替换第一个参数的匹配项。

正则表达式将匹配/选择字符串开头 (^) 和结尾 ($) 的空格，然后将替换为 ""。

当您使用正则表达式 /(\S)/g 时，您将匹配除空格之外的所有内容，在这种情况下，您将使用类似 hello.replace(/(\S)/g, '$1');

$1 表示您的正则表达式的第一组。