改革和细化 URL 的正则表达式

Question

我想用正则表达式分解网站的 URL。网址类似如下：

https://product.testing.com/intro/index.aspx?source=newsletter&product=watch&brand=rolex 

我使用的正则表达式如下：

(http:\/\/www\.|https:\/\/www\.|http:\/\/|https:\/\/)?(product\.)(testing\.)(com\/)(.*)(\?|\?)([^=]\w+(?=&))

第一个问题是，我想把aspx后面的部分砍掉？分成几部分，即 source=newsletter、product=watch 等，并且代码在最后一部分不起作用，我做错了什么，应该如何更改？

第二个问题是，域名部分是一种硬编码...我怎样才能使它更好更灵活例如可以应用于https://contact.testing.com/contactoursales/index.aspx?

提前感谢您的帮助！

Answer 1

我建议使用 url 包，而不是正则表达式来解析 URL。

const URL = require('url');

const url = 'https://product.testing.com/intro/index.aspx?source=newsletter&product=watch&brand=rolex';

// Pass true to parse the querystring too
const parsed = URL.parse(url, true); 

将输出：

Url {
  protocol: 'https:',
  slashes: true,
  auth: null,
  host: 'product.testing.com',
  port: null,
  hostname: 'product.testing.com',
  hash: null,
  search: '?source=newsletter&product=watch&brand=rolex',
  query: { source: 'newsletter', product: 'watch', brand: 'rolex' },
  pathname: '/intro/index.aspx',
  path: '/intro/index.aspx?source=newsletter&product=watch&brand=rolex',
  href: 'https://product.testing.com/intro/index.aspx?source=newsletter&product=watch&brand=rolex' }

我想砍掉aspx之后的部分？成碎片，即 source=newsletter、product=watch 等，并且代码不适用于 最后一部分，我做错了什么，我应该如何改变？

将true 作为第二个参数传递给url.parse 将为您解析查询字符串。

console.log(params.query);

/* {
    source: 'newsletter',
    product: 'watch',
    brand: 'rolex'
} */

如果你不使用 node.js，你可以使用 webpack 在浏览器上使用 url 包。

webpack url-parser.js -o url-parser.min.js