通过 new URLSearchParams 把对象转换成查询参数字符串 URL 编码 解码

1.通过 new URLSearchParams 把对象转换成查询参数字符串

let obj = { name: '小明', age: 10 };

// 将对象转换成查询字符串   预期效果 'name=小明&age=10'
let arr = [];
for (const key in obj) {
    arr.push(`${key}=${obj[key]}`);
}
let str = arr.join('&');
console.log(str);  //  name=小明&age=10


// 使用浏览器自带的方法
let res = new URLSearchParams(obj);
//可以一步到位把普通对象转换成查询参数对象
//调用 .toString() 转换成字符串格式
console.log(res.toString());   //name=%E5%B0%8F%E6%98%8E&age=10

2.URL 编码 解码

const url = '文字'
// URL 编码
const res = encodeURI(url)
console.log(res) //  %E6%96%87%E5%AD%97

// URL 解码
const url2 = '%E6%96%87%E5%AD%97'
const res2 = decodeURI(url2)
console.log(res2)  //文字