轻松处理url的URLSearchParams

本文详细介绍了如何使用JavaScript的URLSearchParams接口来操作URL查询参数。包括获取、添加、删除及设置字段的方法,通过实例展示了其在网页应用中的实用性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

let url = '?wd=蔡徐坤&skill=篮球&year=2019';
let searchParams = new URLSearchParams(url);

for (let p of searchParams) {
  console.log(p);
}
// ["wd", "蔡徐坤"]
// ["skill", "篮球"]
// ["year", "2019"]

获取单个字段

searchParams.get('wd') // "蔡徐坤"
searchParams.get('skill') // "篮球"
searchParams.get('year') // "2019"

添加字段

searchParams.append('age', 26);
searchParams.has('age'); // true
searchParams.get('age'); // 26

删除字段

searchParams.delete('year');
searchParams.has('year'); // false

设置字段

searchParams.set('skill', '篮球 唱 跳 rap');
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值