如何用 JS 解析 URL 参数

使用 JavaScript 解析 URL 参数的方法有很多,但最常见的一种是使用 URL 模块中的 URLSearchParams API。要使用这个 API,首先需要获取 URL 对象,然后将其传递到 URLSearchParams 构造函数中:

// Get the URL object
const url = new URL('https://example.com?foo=bar&baz=qux');
 
// Pass it into the URLSearchParams constructor
const params = new URLSearchParams(url.search);

接下来,我们可以使用 params 对象的 get()、getAll()、has() 和 keys() 方法来访问 URL 参数: 

// Get a single param
const foo = params.get('foo'); // 'bar'
 
// Get all params with an given name
const bazValues = params.getAll('baz'); // ['qux']
 
// Check if there's a parameter with a given name
const hasFoo = params.has('foo'); // true
 
// Get all param names
const paramsKeys = params.keys(); // Iterator of ['foo', 'baz']
标签: JavaScript
最后更新:2023-02-16 17:59:47

相关小抄