js中对象转数组然后转为查询字符串,

本文介绍了如何将JavaScript对象转换为查询字符串,并反向操作,从查询字符串转换回对象。同时,展示了如何利用JSON.stringify和JSON.parse进行对象与JSON字符串之间的转换。

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

1、对象转查询字符串

Object.keys(key) 把对象的所有属性收集起来,放到一个数组中返回

var obj = {name: "abc",a: 1,b: 2,c: 300,d: 100};

var res;//定义了一个空数组

var arr = Object.keys(obj);

console.log(arr);

res = arr.map(function(item) {

// 这里为什么能够使用obj[item],遍历的arr数组中又没有obj[item]

 //因为map不改变原来的数组,obj没变,obj对象是全局的依然可以使用。 obj[a] 获取的是属性值

return item + '=' + obj[item];

})

console.log(res); //["name=abc", "a=1", "b=2", "c=300", "d=100"]

res = res.join('&');

console.log(res);//"name=abc&a=1&b=2&c=300&d=100"

// 封装函数

function myParams(obj) {

return Object.keys(obj).map(function(item) {

return item + '=' + obj[item];

}).join('&');

}

2、查询字符串转数组转对象

 

     var str = 'http://www.baidu.com?a=Jack&b=2&c=3'

      var arr1 = str.split('?')[1]; 

      console.log(arr1);//a=Jack&b=2&c=3

      arr1 = arr1.split('&') 

      console.log(arr1);//["a=Jack", "b=2", "c=3"]

      var newArr = new Object();

      for (let i = 0; i < arr1.length; i++) {

        var key = arr1[i].split('=')[0];

        var value = arr1[i].split('=')[1];

        newArr[key] = value;

      }

      console.log(newArr);//["a=Jack", "b=2", "c=3"]

补充一下:对象转json字符串成,对象和JSON字符串的区别是,JSON字符串的属性名也要加引号

JSON.stringify() 转换为json字符串,JSON.parse() 转换为对象

console.log(JSON.stringify(newArr));//{"a":"Jack","b":"2","c":"3"}

console.log(JSON.parse(JSON.stringify(newArr)));//{a: "Jack", b: "2", c: "3"}

在JavaScript中,有多种方法可以将字符串换为数。一种常用的方法是使用split()函数。通过传入一个空字符串作为参数,split()函数将会根据每个字符来拆分字符串,并将其换为数元素。例如,使用split()函数将字符串换为数的示例代码如下: ```javascript let str = 'uixdk'; let arr = str.split(''); console.log(arr); // ["u", "i", "x", "d", "k"] ``` 另外一种方法是使用ES6的解构运算符<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [js怎么将字符串转为?](https://blog.youkuaiyun.com/csdssdn/article/details/124074178)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [丁鹿学堂:js字符串转数常用方法总结](https://blog.youkuaiyun.com/qq_38525381/article/details/127342109)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [js 字符串转数](https://blog.youkuaiyun.com/weixin_41472431/article/details/109533086)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值