前言
qs對數組的格式化很有用垢粮,但不常用常常忘記赠制,故摘抄于此!
正文
第一次接觸 qs 這個庫,是在使用axios時,用于給post方法編碼扇苞,在使用過程中,接觸到了一些不同的用法寄纵,寫在這里分享一下鳖敷。
qs.parse
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.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格式的參數
在默認情況下,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'
————————————————
版權聲明:本文為博客園博主「smallcoder」的原創(chuàng)文章恤浪,轉載請附上原文出處鏈接及本聲明畅哑。
原文鏈接:https://www.cnblogs.com/small-coder/p/9115972.html