将带有占位符的 URL 与带有填充占位符的 URL 匹配

Question

我正在尝试匹配两个 URL，一个带有占位符，一个带有在 Angular 中使用 TypeScript 填充的占位符。

举例

URL 之前占位符被填充：

http://this/is/{placeholder1}/{placeholder2}/my/url?limit=10&offset=5

URL 之后占位符被填充：

http://this/is/100Banana/200Apple/my/url?limit=10&offset=5

目标是用 Regex 匹配这两个 URL 并获得匹配。问题之一是，占位符可以填充 URL 允许的任何内容。

第一次尝试是在正则表达式匹配之前用正则表达式替换占位符，例如[^/]+。但这仅在占位符位于 URL 末尾时才有效。

Answer 1

如果您只需要匹配它们，那么您不需要正则表达式。你可以这样做。

const str1 = 'http://this/is/{placeholder1}/{placeholder2}/my/url?limit=10&offset=5';
const str2 = 'http://this/is/100Banana/200Apple/my/url?limit=10&offset=5';

// url1: url with placeholders
// url2: url with filled placeholders
const compareUrls = (url1, url2) => {
  const u1 = url1.split('/');
  const u2 = url2.split('/');

  if (u1.length !== u2.length) { return false; }

  for (let i = 0; i < u1.length; i++) {
    if (u1[i].startsWith('{placeholder')) { continue; }
    if (u1[i] !== u2[i]) { return false; }
  }
  return true;
};

console.log(compareUrls(str1, str2));