JavaScriptmediumJavaScript

URL Query Parser

Parses URL query parameters into an object

The problem

Need to parse URL query strings into JavaScript objects

The solution

JavaScript

function parseQueryString(queryString) {
  if (!queryString) return {};
  
  // Remove leading ? or #
  queryString = queryString.replace(/^[?#]/, '');
  
  return queryString.split('&').reduce((params, param) => {
    const [key, value] = param.split('=');
    if (key) {
      params[decodeURIComponent(key)] = value ? decodeURIComponent(value) : true;
    }
    return params;
  }, {});
}

// Alternative: Parse from URL
function getQueryParams(url = window.location.search) {
  return parseQueryString(url);
}

Parameters

queryStringstring

Query string to parse

Put it to work

Example

const query = parseQueryString('?name=John&age=30&admin');
console.log(query);
// { name: "John", age: "30", admin: true }

// Parse current URL
const currentQuery = getQueryParams();
console.log(currentQuery);

// Build query string from object
const params = { search: 'test', page: 2 };
const queryStr = new URLSearchParams(params).toString();
console.log(queryStr); // "search=test&page=2"

Keep going

Related moves.

01JS↗

Date Formatting

Formats date objects into specified format strings

function formatDate(date, format = 'YYYY-MM-DD') {
  const year = date.getFullYear();
  const month = String(date.getMonth() + 1).padStart(2, '0');
  const day = String(date.getDate()).padStart(2, '0');

#date#format

easy

02JS↗

Random Data Generator

Generates random numbers within ranges or random strings

const random = {
  // Generate random integer within range
  int(min, max) {
    return Math.floor(Math.random() * (max - min + 1)) + min;

#random#utility

easy

03JS↗

Cookie Manager

Simplifies reading, setting, and deleting browser cookies

const cookies = {
  set(name, value, days = 7) {
    const expires = new Date();
    expires.setTime(expires.getTime() + (days * 24 * 60 * 60 * 1000));

#cookie#storage

medium