Query String Encoder
Format key-value pairs for URL query strings. Properly encode both keys and values for safe URL inclusion.
Query String Format
``
https://example.com/search?q=hello+world&sort=date&page=1
└──────── query string ────────┘
`
Query String Encoding
`javascript
// Using URLSearchParams (recommended)
function encodeQueryString(params) {
const searchParams = new URLSearchParams();
for (const [key, value] of Object.entries(params)) {
searchParams.append(key, value);
}
return searchParams.toString();
}
// Example
encodeQueryString({
q: 'hello world',
filter: 'price>100'
});
// "q=hello+world&filter=price%3E100"
`
Handling Arrays
`javascript
// Multiple values for same key
const params = new URLSearchParams();
['red', 'blue', 'green'].forEach(color => {
params.append('colors', color);
});
// colors=red&colors=blue&colors=green
``
Use this encoder to build properly formatted query strings.