Vue插件之qs，一线大厂架构师都推荐的前端零基础大全

//要将字符串解析成数组而不是对象，那么[]之间的值必须是一个数字

//在创建具有特定索引的数组时，qs会将稀疏数组压缩为仅保留其顺序的现有值

res = this.$qs.parse(‘a[1]=b&a[15]=c’)

console.log(res)

//控制台输出结果：{a:[‘b’,‘c’]}

//空字符串也是一个值，并将被保留

res = this.$qs.parse(‘a[]=&a[]=b’)

console.log(res)

//控制台输出结果：{a:[‘’,‘c’]}

res = this.$qs.parse(‘a[0]=b&a[1]=&a[2]=c’)

console.log(res)

//控制台输出结果：{a:[‘b’,',‘c’]}

//qs 限制数组最大索引为 20，任何索引大于20的数组成员都将被转换为以索引为键的对象

res = this.$qs.parse(‘a[100]=b’)

console.log(res)

//控制台输出结果：{a:[‘100’,‘b’]}

//arrayLimit 选项可以修改默认限制

res = this.$qs.parse(‘a[1]=b’, { arrayLimit: 0 })

console.log(res)

//控制台输出结果：{a:[‘1’,‘b’]}

//设置 parseArrays 为 false，字符串不解析成数组

res = this.$qs.parse(‘a[1]=b’, { parseArrays: false })

console.log(res)

//控制台输出结果：{a:{‘1’,‘b’}}

//如果混合使用两种格式，qs 会将字符串解析为对象：

res = this.$qs.parse(‘a[0]=b&a[b]=c’)

console.log(res)

//控制台输出结果：{a:{‘0’:‘b’,b:‘c’}

//创建元素为对象的数组

res = this.$qs.parse(‘a[][b]=c’)

console.log(res)

//控制台输出结果：{a:[{b:‘c’}]}

序列化

======================================================&