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

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"}