尝试使用正则表达式在字符串数组中查找子字符串的 url

Question

我有一个 array 或 strings。我需要在每个string 上获取URL 的值。我创建了一个function 和Regex 来完成此任务。它工作正常，但有一个我无法涵盖的边缘情况。当没有任何URL: 的值时，我得到错误：Cannot read property '1' of null。

这是我的代码：

const arrStr = [
  `describe
    url: https://url-goes-here-/1,
         https://url-goes-here-/2,
         https://url-goes-here-/3
  });`
  ,
  `
  before(() => {
    url: https://url-goes-here-/4
  });
  `,
  `
  before(() => {
    url: https://url-goes-here-/5
  });
  `,
  `describe
    // nothing http link here
  });
  `
]

const getXrayUrl = str => str.match(/url:([^;]+)/)[1].trim().split('(')[0]; // cannot read property '1' of null

const allXrayUrls = arrStr.map(item => getXrayUrl(item));

如果我从array 中删除没有URL 值的string，我会得到以下输出：

[ 'https://url-goes-here-/1,\n         https://url-goes-here-/2,\n         https://url-goes-here-/3\n  })', 
  'https://url-goes-here-/4\n  })', 
  'https://url-goes-here-/5\n  })' ]

我如何覆盖这个边缘情况并返回另一个 array 以及关卡中的所有 string？

Answer 1

根据ma​​tch函数documentation，它返回一个匹配的array，如果没有找到匹配则返回null。

如果您需要处理缺少 URL 属性的情况，请在访问捕获组之前检查匹配数组是否为空，如下所示：

const match = str.match(/url:\s*([^;]+)\n/)
// in case no match retrun empty string
// split the match on , to handle multi URL case
const url = match? match[1].split(",").map(item => item.trim()) : [""];

过滤匹配结果后删除空值如下：

arrStr.map(getXrayUrl).flat().filter(item => item !== "");

所以最终解决方案如下：

const arrStr = [
  `describe
    url: https://url-goes-here-/1,
         https://url-goes-here-/2,
         https://url-goes-here-/3
  });`
  ,
  `
  before(() => {
    url: https://url-goes-here-/4
  });
  `,
  `
  before(() => {
    url: https://url-goes-here-/5
  });
  `,
  `describe
    // nothing http link here
  });
  ` 
]

const getXrayUrl = str => {
    const match = str.match(/url:\s*([^;]+)\n/)
    // in case no match retrun empty string
    // split the match on , to handle multi URL case
    return match? match[1].split(",").map(item => item.trim()) : [""];
}

const allXrayUrls = arrStr.map(getXrayUrl).flat().filter(item => item !== "");

console.log(allXrayUrls)

控制台输出：

["https://url-goes-here-/1", "https://url-goes-here-/2", "https://url-goes-here-/3", "https://url-goes-here-/4", "https://url-goes-here-/5"]