题目要求:
- 给定一个对象
{a:1,b:2,c:[1,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()
方法将数组中所有元素连接为一个字符串- 。
我们来进行拆解一下:
-
this.pre =
?
-
Object.keys(obj) =
[a,b,c]
-
[a,b,c].map(k = > console.log(k,obj[k]))
a 1
b 2
c [1,2]
-
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 完成