qs.stringify、qs.parse、JSON.stringify的使用和区别

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'