如何从几个可能的 URL 参数之一中获取值？

Question

我想从 url 参数中检索值，但参数不是常量：它可以是“referer=”或“utm_source=”或“来源="。

我可以通过

获得价值

url.searchParams.get("referer");

现在完成脚本：

function() {
var url_string = window.location.href;
var url = new URL(url_string);
var ref = url.searchParams.get("referer");

if (ref == undefined) {
 return "No Referer";
} else {
  return ref; 
}
}

我可以包含一些正则表达式吗：

var ref = url.searchParams.get.match(/referer|source|utm\_source/g);

Answer 1

我可以包含一些正则表达式

没有。这不是get 的功能。

你可以使用一组||s：

var ref = url.searchParams.get("referer") || url.searchParams.get("source") || url.searchParams.get("utm_source");

或者取一个键名数组，将它们映射到 URL 中的值，过滤掉任何没有值的值，然后从数组中取出第一个（可能是唯一的）值。

var possible_key_names = ["referer", "source", "utm_source"];
var ref = possible_key_names
    .map(name => url.searchParams.get(name))
    .filter(value => !!value)
    .shift();

Answer 2

您可以像这样遍历searchParams：

var url = new URL("https://example.com/page?referer=&utm_source=google");
var value;
for (var [key, val] of url.searchParams) {
  if (key.match(/^(referer|source|utm_source)$/) && val !== "") {
    value = val;
    break;
  }
}
console.log(value);