qs · 归档

qs.js - 更好的处理url参数

第一次接触 qs 这个库，是在使用axios时，用于给post方法编码，在使用过程中，接触到了一些不同的用法，写在这里分享一下。

qs.parse 方法可以把一段格式化的字符串转换为对象格式，比如

let url = 'http://item.taobao.com/item.htm?a=1&b=2&c=&d=xxx&e'; let data = qs.parse(url.split('?')[1]);

// data的结果是 { a: 1, b: 2, c: '', d: xxx, e: '' }

qs.stringify 则和 qs.parse 相反，是把一个参数对象格式化为一个字符串。

let params = { c: 'b', a: 'd' }; qs.stringify(params)

// 结果是 'c=b&a=d'

甚至可以对格式化后的参数进行排序：

qs.stringify(params, (a,b) => a.localeCompare(b))

// 结果是 'a=b&c=d'

let params = [1, 2, 3];

// indices(默认) qs.stringify({a: params}, { arrayFormat: 'indices' }) // 结果是 'a[0]=1&a[1]=2&a[2]=3'

// brackets qs.stringify({a: params}, { arrayFormat: 'brackets' }) // 结果是 'a[]=1&a[]=2&a[]=3'

// repeat qs.stringify({a: params}, { arrayFormat: 'repeat' }) // 结果是 'a=1&a=2&a=3'

在默认情况下，json格式的参数会用 [] 方式编码，

let json = { a: { b: { c: 'd', e: 'f' } } };

qs.stringify(json); //结果 'a[b][c]=d&a[b][e]=f' 但是某些服务端框架，并不能很好的处理这种格式，所以需要转为下面的格式

qs.stringify(json, {allowDots: true}); //结果 'a.b.c=d&a.b.e=f'