使用 & 符号从 URL 获取参数

Question

问题：如何正确地从带有 & 符号的 URL 中获取参数？

上下文： 我试图弄清楚为什么 iTunes Store Webservice 的结果在删除 amp; 时会返回不同的数据。我正在使用这个差异工具：https://www.diffnow.com/compare-urls

原网址：

https://itunes.apple.com/search?term=star&country=au&media=movie&all

让我更困惑的是 url 中的 all 值。根据iTunes Store Webservice 的文档，它可以是attribute 或entity。

但无论如何，我仍然得到不同的结果。重申一下，

原网址：

https://itunes.apple.com/search?term=star&country=au&media=movie&all

为以下各项返回不同的数据：

a. https://itunes.apple.com/search?term=star&country=au&media=movie&attribute=all
b. https://itunes.apple.com/search?term=star&country=au&media=movie&entity=all
c. https://itunes.apple.com/search?term=star&country=au&media=movie&all

Answer 1

您可以创建一个小助手并使用URL 构造函数来获取表示由参数定义的 URL 的对象。

从这个对象中，我们将获得search 属性，它是查询字符串，并将& 替换为&。

function getItunesParameters(url) {
  const { search } = new URL(url);
  const parsedQuery = search.replace(/&/g, '&');

  return parsedQuery;
}

getItunesParameters('https://itunes.apple.com/search?term=star&country=au&media=movie&all');
// => "?term=star&country=au&media=movie&all"

如果之后您可以轻松处理，您可以选择返回一个对象

function getItunesParameters(url) {
  const { search } = new URL(url);
  const parsedQuery = search.replace(/&/g, '&');

  return parsedQuery
    .slice(1)
    .split('&')
    .reduce((acc, query) => {
      const [key, value] = query.split('=');
      return { ...acc, [key]: value || '' };
    }, {});
}

getItunesParameters('https://itunes.apple.com/search?term=star&country=au&media=movie&all'); //?
// => {term: "star", country: "au", media: "movie", all: ""}

祝你好运！