qs可通过npm install qs命令进行安装,是一个npm仓库所管理的包。import qs from 'qs'
而qs.stringify()将对象 序列化成URL的形式,以&进行拼接。如图
qs.parse()将URL解析成对象的形式
JSON是正常类型的JSON
JSON.stringify同qs.stringify()对比,功能虽然是都是序列化,但是具体看用途。
qs.parse qs.stringify是用来处理url的,JSON.parse JSON.stringify是处理json的,虽然有些场景下类似,但是用途不一样。
qs.stringify(dataObj) 解析嵌套的对象,默认会进行编码
let obj={ a:['b','c','d'] }
console.log(qs.stringify(obj));//结果为:a%5B0%5D=b&a%5B1%5D=c&a%5B2%5D=d
可以设置不编码encode:false
let obj={ a:['b','c','d'] }
console.log(qs.stringify(obj, {encode:false}));//结果为: a[0]=b&a[1]=c&a[2]=d
对数组进行串化的时候,默认会提供显示索引,可以通过设置indices:false
let obj={a:['b','c','d']};qs.stringify(obj,{indices:false});//结果为:'a=b&a=c&a=d'
可以通过设置arrayFormat指定数组的输出格式
let obj={{a :[' b ',' c ']};
qs.stringify(obj,{arrayFormat:'indices'});//结果为:'a[0]=b&a[1]=c'
qs.stringify(obj,{arrayFormat:'brackets'});//结果为:'a[]=b&a[]=c'
qs.stringify(obj,{arrayFormat:'comma'});//结果为:'a=b,c'
属性为undefined的将直接被忽略
let obj={a :null ,b:undefined};qs.stringify(obj);//结果为:'a='
分隔符也可以自定义,设置delimiter:‘自定义的符号’
let obj={a:'b',c:'d'};qs.stringify(obj,{delimiter:'!'});//结果为:'a=b!c=d'