如何记录"new URLSearchParams()"的结果？

Question

我正在谷歌chrome文档上查看这个例子。

我正在尝试console.log变量params

let url = new URL('https://example.com?foo=1&bar=2'); // or construct from window.location
let params = new URLSearchParams(url.search.slice(1));

然而，这就是我所得到的：

getAll: Object {  }, has: Object {  }, set: Object {  }, sort: Object {  }, 
toString: Object {  }, entries: Object {  }, forEach: Object {  }, 
keys: Object {  }, values: Object {  } }

与示例中一样，您可以循环使用params变量和console.log每个参数，但不能循环使用变量params。为什么不能将其作为对象进行记录和查看？

Answer 1

您可以使用fromEntries

let url = new URL('https://example.com?foo=1&bar=2'); // or construct from window.location
let params = new URLSearchParams(url.search.slice(1));
console.log(Object.fromEntries(params)) // outputs {foo: '1', bar: '2'}

Answer 2

我实现这一功能的方法是：

1. 转到以下网址：https://example.com/?foo=1&bar=2
2. 在Chrome(或您喜爱的浏览器(中打开开发工具，并将以下代码放入控制台：

let url = window.location.search;
let searchParams = new URLSearchParams(url);
let foo = searchParams.get('foo');
let bar = searchParams.get('bar');
console.log(foo, bar)

输出应为12