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

Posted 2023-04-03

参考技术A 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'

qs.parse()qs.stringify()使用方法

qs是一个npm仓库所管理的包,可通过npm install qs命令进行安装.
1. qs.parse()将URL解析成对象的形式

2. qs.stringify()将对象 序列化成URL的形式，以&进行拼接