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

Question

我想从url参数中检索值，但参数不是常量：它可以是“referer =”或“utm_source =”或“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);