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

qs是一个npm仓库所管理的包，可通过npm install qs命令进行安装

遇到这样的参数怎么传？

qs.parse()将URL解析成对象的形式

import qs from 'qs'; var url = 'name=zhangsan&age=16&hobby=sing' console.log("转化成对象",qs.parse(url))

输出结果如下：

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

import qs from 'qs'; var obj = { name: 'zhangsan', age: 16, hobby: 'sing' } 
console.log("转化成对象",qs.stringify(obj))

输出结果如下：

所以在这里就需要注意，看看后台需要什么样的参数，你就转换成什么类型，我们可以通过以下方式进行处理：

当我们 传递对象的时候，可以这样：

 

qs.stringify({c: 'b', a: 'd'}) 
// 'c=b&a=d'

当我们传递数组的时候，可以使用以下方式：

1.默认情况下，它们会解析成有索引的形式：如下：

qs.stringify({a: ['b', 'c', 'd']}); 
// 'a[0]=b&a[1]=c&a[2]=d'

2.也可以重写这种默认形式：

qs.stringify({ a: ['b', 'c', 'd'] }, { indices: false }); 
// 'a=b&a=c&a=d'

3.也可以通过arrayFormat进行格式化输出：

qs.stringify({a: ['b', 'c']}, {arrayFormat: 'indices'}) 
// 'a[0]=b&a[1]=c' 

qs.stringify({a: ['b', 'c']}, {arrayFormat: 'brackets'}) 
// 'a[]=b&a[]=c' 

qs.stringify({a: ['b', 'c']}, {arrayFormat: 'repeat'}) 
// 'a=b&a=c'

4.对比JSON.stringify和qs.stringify的区别