URL参数转成对象（无废话）

于 2024-01-03 14:57:16 发布
阅读量429 收藏 7
点赞数 7
文章标签： javascript 开发语言 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_64407944/article/details/135363941
版权
本文介绍了如何使用JavaScript函数getQueryString()来解析URL中的查询字符串参数，通过正则表达式和decodeURIComponent方法实现参数提取。
摘要由CSDN通过智能技术生成

方法

const getQueryString = (url: any): any => {

            var params = {};

            var regex = /[?&]([^=#]+)=([^&#]*)/g;

            var match;

            while (match = regex.exec(url)) {

                params[match[1]] = decodeURIComponent(match[2]);

            }

            return params;

        }

调用

getQueryString(window.location.href)

社会瑶.vue
关注
  • 7
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
JS根据key值获取URL中的参数值及把URL的参数转换成json对象
10-23
本篇文章主要围绕js url 参数值展开话题，js根据key值获取url中的参数值，接着把url的参数转换成json，感兴趣的朋友一起来学习吧，本文写的不好地方还望多多指出批评建议
url参数转对象
蓝色的乌鸦的专栏
06-12 281
let url="http://www.aaa.com?id=zhangsan&name=%E5%BC%A0%E4%B8%89&age=35&%E5%BC%A0%E4%B8%89=666"; function queryString2Obj(url){ let str=url.split("?")[1]; let items=str.split("&"); let result={} let arr=[]; for(let i=0; i<items.leng.
URL转对象
前端人公众号作者
04-05 391
function paramsToString() {              var url = location.hash;              var obj = {};              var keyvalue = [];              var key = "",                  value = "";              
获取url参数转为对象
牛先森家的博客
06-22 2145
获取到的url参数转为对象 把字符串转为对象 // 把字符串转化为对象 var str = 'id=1&name=zhangsan&age=18&className=2003' // {id:1,name:zhangsan,age:18,className:2003} // 先把字符串转化为 数组 var arr = str.split('&'); // arr = ['id=1','name=zhangsan','age=1
url与对象之间的转换
lishundi的博客
09-19 1070
１．对象转url字符串 var obj = { a: 1, b: 2 }; //a=1&b=2 function jsonToString(obj){ let arr = []; for(let key in obj){ arr.push(key + "=" + obj[key]); } console.log(arr);...
jQuery实现对象转为url参数的方法
01-21
本文实例讲述了jQuery实现对象转为url参数的方法。分享给大家供大家参考，具体如下： ajax 方式对象参数 复制代码 代码如下:var conditions = {status:0,title:”,specialId:”,creatorId:”,authorId:”,...
JavaScript实现url参数转成json形式
11-26
总结来说，这个面试题考察了JavaScript处理URL参数的基本能力，以及对字符串操作、数组遍历和对象创建的理解。通过这个过程，开发者可以学习到如何从URL中提取信息，并将其转化为易于使用的数据结构。在实际的Web...
一个JavaScript函数把URL参数解析成Json对象
10-25
在这段代码中，我们选择了属性访问器方式，因为它允许动态地设置属性名，这在处理URL参数时非常方便，因为参数的键可能在运行时才知道。 总的来说，`parseQueryString`函数提供了一个实用的方法来处理URL的查询字符...
从URL中提取参数与将对象转换为URL查询参数的实现代码
09-05
两种主要是对《Prototype浅析》先前略过的Sring部分中toQueryParams和Object部分的toQueryString方法的补充
JavaScript获取链接url参数并生成对象
08-09
js地址栏参数获取，并生成对象
C# net 编写的对象转换类
05-04
把对象（实体类,DataTable）转换成XML、URL参数、Json等，需要的就下吧
把url后面的参数转化成对象的形式
congxue666的博客
02-20 3500
例如：'?name=feizhu&from=alibaba&job=frontend&extraInfo=%7B%22a%22%3A%22b%22%2C%22c%22%3A%22d%22%7D' ===> {name:"feizhu",from:'alibaba',job:'frontend',extraInfo: {a: 'b', c: 'd'}} 思路如下：对传入的url进行切割，保留问号后的部分，并且对处理后的数据进行&符号分割。对分割的每一部分进行循环遍历，
获取URL中参数，以及参数和对象之间互换
jason_renyu的博客
01-04 1093
现在原生h5的项目不多了，但是url传参这样的操作估计也不是很多，这里就给有需要的人，提供一点小小的帮助吧。 话不多说直接上代码： 获取URL中的参数并转为对象 /** * 解析url中的所有参数信息 * @param url {String} 传入的地址url，默认当前访问页面的window.location.href * @returns {Object} 返回url参数所组成的Object数据对象，没有参数范会空 {} */ const parseQueryString = (url
url网址链接参数解析为对象格式
最新发布
空
10-26 270
/ 模拟的数据形式，不是上面解码出来的。entries()：返回包含所有键和值的迭代器对象，主要要用到这个方法！// URLSearchParams返回的对象上有许多方法可以使用。set(key, value)：设置指定的键值对参数。getAll(key)：返回所有值组成的数组。values()：返回包含所有值的迭代器对象。keys()：返回包含所有键名的迭代器对象。append()：增加一个新的键值参数。delete(key)：删除对应的键值。// 获取输入的url？// 不然得到的还是加密形式的。
获取URL网址后面的参数转换成对象
m0_62371650的博客
08-20 727
获取URL网址后面的参数转换成对象
使用 Object.fromEntries 将url的参数转成对象
yjwlike的博客
05-26 704
概述: url参数转对象的方式有很多种, 本文主要介绍一下如何使用Object.fromEntries 转url参数 一看究竟 Object.fromEntries 这玩意是啥啊? 不会就找mdn, 我已经看了. Object.fromEntries 用于将key/value的列表转成一个对象, 一般是Array和Map, 可迭代对象可以不过要注意 值必须是key/value列表, 说白了就是元素必须是个数组[key, value]这种形式的 Object.fromEntries() -.
对象转url参数或url参数转对象
weixin_42040328的博客
06-29 1418
可对 url 进行解码,(必须一个字符串),decodeURIComponent() 对编码后的 URI 进行解码(如果传递过来的 url 是通过 encodeURIComponent 编码过的)：通过特殊字符截取成键值对形式的数组，拼接成对象返回。的下标在此基础到字符串长度末尾的字段截取查出来。返回值：给定对象所有可枚举属性的字符串数组。参数：要返回其枚举的自身属性的对象。：将数组拼接为最终的参数字符串返回。：过滤符合条件的值返回为新的数组。：将数据进行修改组成新的数组返回。：将给定对象组成数组，
将URL解析成像location一样的对象
君莫笑
09-11 1162
之前使用Java的API命名做了解析location.search的例子 现在404页面需要分析document.referrer，不能直接拿到search字符串，所以还得想办法把URL解析成像Location一样的对象 可以想象，这种方法浏览器和服务器必须会有，JavaScript实现应该也有了，不过还是写一个玩玩，以显示个人风格： function parseLocation
前端获取url参数转换成对象
06-02
可以将获取的URL参数转换为一个对象，方便使用和操作。以下是一个将URL参数转换为对象的示例代码： ```js function getUrlParamsObject() { var search = window.location.search; var params = search.slice(1)....
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值