首页 > JavaScript >  JavaScript 如何在 JavaScript 正则表达式中访问匹配的组?

 JavaScript 如何在 JavaScript 正则表达式中访问匹配的组?

上一篇 下一篇

我想使用正则表达式匹配字符串的一部分,然后访问该括号子字符串:

var myString = "something format_abc"; // I want "abc"

var arr = /(?:^|s)format_(.*?)(?:s|$)/.exec(myString);

console.log(arr); // Prints: [" format_abc", "abc"] .. so far so good.
console.log(arr[1]); // Prints: undefined  (???)
console.log(arr[0]); // Prints: format_undefined (!!!)

我做错了什么?


我发现上面的正则表达式代码没有任何问题:我正在测试的实际字符串是这样的:

"date format_%A"

报告“%A”未定义似乎是一种非常奇怪的行为,但它与这个问题没有直接关系,所以我打开了一个新的,为什么匹配的子字符串在JavaScript中返回“undefined”?


问题是它像语句一样获取其参数,并且由于我正在记录的字符串 () 具有特殊值,因此它试图找到下一个参数的值。console.logprintf"%A"

分割线

网友回答:

更新日期: 2019-09-10

迭代多个匹配项的旧方法不是很直观。这导致了该方法的提出。这个新方法在 ECMAScript 2020 规范中。它为我们提供了一个干净的 API 并解决了多个问题。自Chrome 73 + / Node 12 +和Firefox 67 +以来,它在主要浏览器和JS引擎中。String.prototype.matchAll

该方法返回一个迭代器,其用法如下:

const string = "something format_abc";
const regexp = /(?:^|s)format_(.*?)(?:s|$)/g;
const matches = string.matchAll(regexp);
    
for (const match of matches) {
  console.log(match);
  console.log(match.index)
}

由于它返回一个迭代器,我们可以说它是惰性的,这在处理特别大量的捕获组或非常大的字符串时很有用。但是,如果需要,可以使用扩展语法或方法轻松地将结果转换为数组:Array.from

function getFirstGroup(regexp, str) {
  const array = [...str.matchAll(regexp)];
  return array.map(m => m[1]);
}

// or:
function getFirstGroup(regexp, str) {
  return Array.from(str.matchAll(regexp), m => m[1]);
}

同时,虽然此提案得到了更广泛的支持,但您可以使用官方的填充码包。

此外,该方法的内部工作原理很简单。使用生成器函数的等效实现如下所示:

function* matchAll(str, regexp) {
  const flags = regexp.global ? regexp.flags : regexp.flags + "g";
  const re = new RegExp(regexp, flags);
  let match;
  while (match = re.exec(str)) {
    yield match;
  }
}

创建原始正则表达式的副本;这是为了避免在进行多重匹配时由于属性突变而导致的副作用。lastIndex

此外,我们需要确保正则表达式具有全局标志以避免无限循环。

我也很高兴看到,在提案的讨论中甚至提到了这个StackOverflow问题。

原始答案

您可以像这样访问捕获组:

var myString = "something format_abc";
var myRegexp = /(?:^|s)format_(.*?)(?:s|$)/g;
var myRegexp = new RegExp("(?:^|s)format_(.*?)(?:s|$)", "g");
var matches = myRegexp.exec(myString);
console.log(matches[1]); // abc

如果有多个匹配项,您可以迭代它们:

var myString = "something format_abc";
var myRegexp = new RegExp("(?:^|s)format_(.*?)(?:s|$)", "g");
match = myRegexp.exec(myString);
while (match != null) {
  // matched text: match[0]
  // match start: match.index
  // capturing group n: match[n]
  console.log(match[0])
  match = myRegexp.exec(myString);
}

分割线

网友回答:

下面是可用于获取每个匹配项的第 n个捕获组的方法:

function getMatches(string, regex, index) {
  index || (index = 1); // default to the first capturing group
  var matches = [];
  var match;
  while (match = regex.exec(string)) {
    matches.push(match[index]);
  }
  return matches;
}


// Example :
var myString = 'something format_abc something format_def something format_ghi';
var myRegEx = /(?:^|s)format_(.*?)(?:s|$)/g;

// Get an array containing the first capturing group for every match
var matches = getMatches(myString, myRegEx, 1);

// Log results
document.write(matches.length + ' matches found: ' + JSON.stringify(matches))
console.log(matches);

分割线

网友回答:

var myString = "something format_abc";
var arr = myString.match(/bformat_(.*?)b/);
console.log(arr[0] + " " + arr[1]);

这并不完全相同。(它适用于 ,但不适用于 )但我想展示你的表达方式的另一种选择,这很好。当然,电话是重要的事情。b--format_foo/format_a_bmatch

模板简介:该模板名称为【 JavaScript 如何在 JavaScript 正则表达式中访问匹配的组?】,大小是暂无信息,文档格式为.编程语言,推荐使用Sublime/Dreamweaver/HBuilder打开,作品中的图片,文字等数据均可修改,图片请在作品中选中图片替换即可,文字修改直接点击文字修改即可,您也可以新增或修改作品中的内容,该模板来自用户分享,如有侵权行为请联系网站客服处理。欢迎来懒人模板【JavaScript】栏目查找您需要的精美模板。

相关搜索
  • 下载密码 lanrenmb
  • 下载次数 387次
  • 使用软件 Sublime/Dreamweaver/HBuilder
  • 文件格式 编程语言
  • 文件大小 暂无信息
  • 上传时间 04-23
  • 作者 网友投稿
  • 肖像权 人物画像及字体仅供参考
栏目分类 更多 >
热门推荐 更多 >
微信素材 自适应 微信图片 企业网站 微信模板 单页式简历模板 响应式 微信文章 微信公众平台 html5
您可能会喜欢的其他模板