Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

js urlsearchparams

作者:Alexandr嫁衣°   发布日期:2025-06-08   浏览:74

// 使用 URLSearchParams 对象来处理查询字符串

// 创建一个新的 URLSearchParams 对象
const params = new URLSearchParams();

// 添加参数
params.append('name', 'Alice');
params.append('age', 25);
params.append('city', 'Beijing');

// 将 URLSearchParams 对象转换为字符串
console.log(params.toString()); // 输出: name=Alice&age=25&city=Beijing

// 解析查询字符串
const queryString = 'name=Alice&age=25&city=Beijing';
const searchParams = new URLSearchParams(queryString);

// 获取单个参数值
console.log(searchParams.get('name')); // 输出: Alice

// 获取所有参数名
for (let param of searchParams.keys()) {
  console.log(param); // 输出: name, age, city
}

// 获取所有参数值
for (let value of searchParams.values()) {
  console.log(value); // 输出: Alice, 25, Beijing
}

// 获取所有参数对
for (let [key, value] of searchParams.entries()) {
  console.log(key + ': ' + value); // 输出: name: Alice, age: 25, city: Beijing
}

// 删除一个参数
searchParams.delete('age');
console.log(searchParams.toString()); // 输出: name=Alice&city=Beijing

// 修改一个参数值
searchParams.set('name', 'Bob');
console.log(searchParams.toString()); // 输出: name=Bob&city=Beijing

// 检查是否存在某个参数
console.log(searchParams.has('city')); // 输出: true

解释说明:

  • URLSearchParams 是一个用于处理 URL 查询字符串的接口。
  • 可以通过 append() 方法添加参数,通过 get() 方法获取参数值,通过 toString() 方法将对象转换为字符串形式。
  • 还可以使用 delete()set()has() 等方法来操作和检查参数。

上一篇:js urlencode

下一篇:js replacechild

大家都在看

js 数组对象排序

js 数组删掉第一个值

js fill

js 数组复制

js 复制数组

js 数组拷贝

js 对象转数组

js 深拷贝数组

js 获取今天年月日

js jsonp

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站