前言

qs對(duì)數(shù)組的格式化很有用，但不常用常常忘記，故摘抄于此!

正文

第一次接觸 qs 這個(gè)庫(kù)，是在使用axios時(shí)，用于給post方法編碼，在使用過程中，接觸到了一些不同的用法，寫在這里分享一下。

qs.parse

qs.parse 方法可以把一段格式化的字符串轉(zhuǎn)換為對(duì)象格式，比如

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

// data的結(jié)果是
{
    a: 1, 
    b: 2, 
    c: '', 
    d: xxx, 
    e: ''
}

qs.stringify

基本用法

qs.stringify 則和 qs.parse 相反，是把一個(gè)參數(shù)對(duì)象格式化為一個(gè)字符串。

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

// 結(jié)果是
'c=b&a=d'

排序

甚至可以對(duì)格式化后的參數(shù)進(jìn)行排序：

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

// 結(jié)果是
'a=b&c=d'

指定數(shù)組編碼格式

let params = [1, 2, 3];

// indices(默認(rèn))
qs.stringify({a: params}, {
    arrayFormat: 'indices'
})
// 結(jié)果是
'a[0]=1&a[1]=2&a[2]=3'

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

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

處理json格式的參數(shù)

在默認(rèn)情況下，json格式的參數(shù)會(huì)用 [] 方式編碼，

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

qs.stringify(json);
//結(jié)果 'a[b][c]=d&a[b][e]=f'

但是某些服務(wù)端框架，并不能很好的處理這種格式，所以需要轉(zhuǎn)為下面的格式

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

————————————————
版權(quán)聲明：本文為博客園博主「smallcoder」的原創(chuàng)文章，轉(zhuǎn)載請(qǐng)附上原文出處鏈接及本聲明。
原文鏈接：https://www.cnblogs.com/small-coder/p/9115972.html