为什么这个 javascript 正则表达式不起作用？

IT技术 javascript regex
2021-02-01 12:39:53

我正在做一个小的 javascript 方法，它接收一个点列表，我必须阅读这些点以在谷歌地图中创建一个多边形。

我在表格上收到了这些要点：

(lat, long), (lat, long),(lat, long)

所以我做了以下正则表达式：

\(\s*([0-9.-]+)\s*,\s([0-9.-]+)\s*\)

我已经用RegexPal和我收到的确切数据对其进行了测试：

(25.774252, -80.190262),(18.466465, -66.118292),(32.321384, -64.75737),(25.774252, -80.190262)

它有效，那么为什么当我在我的 javascript 中有这段代码时，我在结果中收到 null？

var polygons="(25.774252, -80.190262),(18.466465, -66.118292),(32.321384, -64.75737),(25.774252, -80.190262)";
var reg = new RegExp("/\(\s*([0-9.-]+)\s*,\s([0-9.-]+)\s*\)/g");
var result = polygons.match(reg);

执行时我没有 javascript 错误（使用 google chrome 的调试模式）。此代码托管在包含的 JS 文件中的 javascript 函数中。该方法在 OnLoad 方法中调用。

我已经搜索了很多，但我找不到为什么这不起作用。非常感谢你！

1个回答

使用正则表达式[MDN]：

var reg = /\(\s*([0-9.-]+)\s*,\s([0-9.-]+)\s*\)/g;

使用RegExp [MDN]时会犯两个错误：

  • “分隔符”/不应该是表达式的一部分
  • 如果将表达式定义为字符串，则必须对反斜杠进行转义，因为它是字符串中的转义字符

此外，修饰符作为第二个参数传递给函数。

因此，如果您想使用RegExp（在这种情况下您不必使用），则等效为：

var reg = new RegExp("\\(\\s*([0-9.-]+)\\s*,\\s([0-9.-]+)\\s*\\)", "g");

（我想现在你明白为什么正则表达式更方便了）

我总是发现RegExp在控制台中复制和粘贴表达式并查看其输出很有帮助。以你的原始表达，我们得到：

/(s*([0-9.-]+)s*,s([0-9.-]+)s*)/g

这意味着表达式会尝试匹配/,s并且g字面上和括号()仍然被视为特殊字符。

更新： .match()返回一个数组：

["(25.774252, -80.190262)", "(18.466465, -66.118292)", ... ]

这似乎不是很有用。

您必须使用.exec() [MDN]来提取数字：

["(25.774252, -80.190262)", "25.774252", "-80.190262"]

这必须重复调用，直到处理完整个字符串。

例子：

var reg = /\(\s*([0-9.-]+)\s*,\s([0-9.-]+)\s*\)/g;
var result, points = [];

while((result = reg.exec(polygons)) !== null) {
    points.push([+result[1], +result[2]]);
}

这将创建一个数组数组，一元加号 ( +) 会将字符串转换为数字：

[
    [25.774252, -80.190262], 
    [18.466465, -66.118292], 
    ...
]

当然，如果您希望将值作为字符串而不是数字，则可以省略+.

太好了，它奏效了！我不知道这个合成器。小问题：我收到一个带有结果的数组，但是如何检索我捕获的内容 "(...)" ？(this: ([0-9.-]+) )
2021-03-17 12:39:53
我犯了一个错误，你必须保留g修改器。你只需要使用exec. 请参阅更正后的版本。
2021-04-05 12:39:53
尽管这是一个很旧的答案，但它确实帮助我完成了表单验证。'\ 处的额外'\'。'最后做到了:)
2021-04-09 12:39:53
其它你可能感兴趣的问题
上一篇将 php 数组转换为 Javascript 下一篇在 webpack 中管理 jQuery 插件依赖