URLSearchParams对象的使用

最新推荐文章于 2025-04-19 17:46:42 发布

Don_ixu

最新推荐文章于 2025-04-19 17:46:42 发布

阅读量919

点赞数

分类专栏： JS 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/Donnien/article/details/117967461

版权

JS 专栏收录该内容

48 篇文章

订阅专栏

本文介绍了URLSearchParams对象的使用，包括如何将对象转化为URL参数格式的字符串，以及如何解析URL参数字符串为对象。示例中展示了如何添加、删除参数以及遍历参数项，最后将URL参数字符串还原为对象。

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

	// URLSearchParams   
    // url  Params  
    // 1 可以帮我们将一个对象 转成 url 参数 格式字符串
    // 2 将 url参数格式的 字符串 变成 对象


    // const data = {
    //   a: 1,
    //   b: 2,
    //   c: 3,
    //   d: 4
    // }

    // //  a=1&b=2&c=3&d=4


    // // 1 创建一个 URL参数处理对象 
    // const usp = new URLSearchParams(data);

    // // 2 usp.toString()  将usp 转换成 字符串格式

    // // console.log(usp.toString());// a=1&b=2&c=3&d=4


    // // console.log(usp);

    // // usp.append("e",5);
    // // console.log(usp.toString());//   a=1&b=2&c=3&d=4&e=5

    // // usp.delete("b");
    // // console.log(usp.toString());//    a=1&c=3&d=4&e=5    b=2被删除 

    // usp.forEach((value, key) => {
    //   console.log(key, value);// 
    // })


    const str = "a=1&b=2&c=3&d=4&e=5"; // =>  {a:1,b:2,c:3,d:4}

    const usp = new URLSearchParams(str);
    // console.log(usp);
    // console.log(usp.toString());  // a=1&b=2&c=3&d=4&e=5
    const obj = {};
    usp.forEach((value, key) => obj[key] = value)

    console.log(obj);