一行代码将对象 转换成查询字符串

题目要求:

1. 给定一个对象{a:1,b:2,c:[1,2] }
2. 输出一个查询字符串 ?a=1&b=2&c=1,2

要求给出 实现QueryString 构造函数身上的 stringify 和 parse 方法

然后就stringify 方法 我们一行代码即可实现上方的需求

QueryString.prototype.stringify = function (obj) {
    return this.pre + Object.keys(obj).map(k => k + '=' + obj[k]).join(this.seq)
}

然后我们讲一下使用到的API (ES6)

• Object.keys() 静态方法返回一个由给定对象自身的可枚举的字符串键属性名组成的数组。
• map() 方法创建一个新数组，这个新数组由原数组中的每个元素都调用一次提供的函数后的返回值组成
• join() 方法将数组中所有元素连接为一个字符串
• 。
  我们来进行拆解一下:

1. this.pre = ?

2. Object.keys(obj) = [a,b,c]

3. [a,b,c].map(k = > console.log(k,obj[k]))

   ​ a 1

   ​ b 2

   ​ c [1,2]

4. k + ‘=’ + obj[k]

   ​ a=1

   ​ b=2

   ​ c=1,2

因为map 之后 会返回一个新的数组 经过上面的处理之后 我们目前的数组变成了

[‘a=1’, ‘b=2’, ‘c=1,2’]

再之后 进行 join 拼接 得到一个含有指定符号(取决于传给join 的 符号)的字符串

‘a=1&b=2&c=1,2’

再之后 , 加上前缀 this.pre 即 ? 即可完成了

?a=1&b=2&c=1,2

End 完成