| description | Modern alternatives to the qs package for parsing and serializing query strings |
|---|
URLSearchParams is built into browsers and Node.js (>= 10). Use it when you don’t need nested objects or automatic array parsing. It preserves multiple values via getAll, and toString() gives you a URL-safe query string.
Example:
import qs from 'qs' // [!code --]
const query = 'a=1&a=2&b=3'
const obj = qs.parse(query) // [!code --]
const sp = new URLSearchParams(query) // [!code ++]
const obj = Object.fromEntries(sp) // [!code ++]
const a = sp.getAll('a') // [!code ++]fast-querystring is tiny and very fast. It handles flat key/value pairs and repeated keys as arrays; it does not support nested objects. Use it when you need arrays but not nesting.
Example:
import qs from 'qs' // [!code --]
import fqs from 'fast-querystring' // [!code ++]
const obj = qs.parse('tag=a&tag=b') // [!code --]
const obj = fqs.parse('tag=a&tag=b') // [!code ++]
const str = qs.stringify({ tag: ['a', 'b'], q: 'x y' }) // [!code --]
const str = fqs.stringify({ tag: ['a', 'b'], q: 'x y' }) // [!code ++]picoquery supports nesting and arrays with a fast single‑pass parser and configurable syntax. v2.x and above are ESM‑only; v1.x is CommonJS and will be maintained with non‑breaking changes. nestingSyntax: 'js' offers the highest compatibility with qs, though you can pick other syntaxes for performance.
Example:
import qs from 'qs' // [!code --]
import { parse, stringify } from 'picoquery' // [!code ++]
const opts = { // [!code ++]
nestingSyntax: 'js', // [!code ++]
arrayRepeat: true, // [!code ++]
arrayRepeatSyntax: 'bracket' // [!code ++]
} // [!code ++]
const obj = qs.parse('user[name]=foo&tags[]=bar&tags[]=baz') // [!code --]
const obj = parse('user[name]=foo&tags[]=bar&tags[]=baz', opts) // [!code ++]
const str = qs.stringify( // [!code --]
{ user: { name: 'foo' }, tags: ['bar', 'baz'] }, // [!code --]
{ arrayFormat: 'brackets' } // [!code --]
) // [!code --]
const str = stringify({ user: { name: 'foo' }, tags: ['bar', 'baz'] }, opts) // [!code ++]neoqs is a fork of qs without legacy polyfills, with TypeScript types included, and with both ESM and CommonJS builds (plus a legacy ES5 mode). Choose it when you want qs‑level compatibility with modern packaging options.
Example:
import qs from 'qs' // [!code --]
import * as qs from 'neoqs' // [!code ++]
const obj = qs.parse('a[b][c]=1&arr[]=2&arr[]=3')
const str = qs.stringify(obj, { arrayFormat: 'brackets' })