URLSearchParams动态添加多个参数方法详解

const params = new URLSearchParams();
params.append('q', '前端开发');
params.append('page', '2');
console.log(params.toString()); // "q=%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91&page=2"

const filters = {
  category: 'js',
  sort: 'date-desc',
  tag: 'es6',
  active: true
};

const params = new URLSearchParams();
Object.entries(filters).forEach(([key, value]) => {
  params.append(key, String(value));
});
console.log(params.toString()); // "category=js&sort=date-desc&tag=es6&active=true"

const tags = ['react', 'vue', 'svelte'];
const params = new URLSearchParams();
tags.forEach(tag => params.append('tag', tag));
console.log(params.toString()); // "tag=react&tag=vue&tag=svelte"

const url = new URL('https://example.com/list?category=web');
const params = new URLSearchParams(url.search);
params.append('limit', '10');
params.append('offset', '20');

url.search = params.toString();
console.log(url.href); // "https://example.com/list?category=web&limit=10&offset=20"