`URLPattern API (Parsarea Nativă a Rutelor și URL-urilor cu Parametri)` în JavaScript

URL și codificare Web Platform Baseline

Standardul web modern pentru potrivirea și extragerea parametrilor din URL-uri (/utilizatori/:id) nativ în browser, fără biblioteci externe de rutare.

Sintaxă

const tipar = new URLPattern({ pathname: '/articole/:id' });

URLPattern API aduce capabilitățile bibliotecilor clasice de rutare (precum path-to-regexp din Express sau React Router) direct ca standard nativ al platformei web. El permite construirea de tipare de URL cu parametri numiți (:id), parametri opționali (:categorie?) și wildcard-uri (*), extrăgând automat valorile direct din adresa URL.

Exemplu de potrivire și extragere de parametri cu URLPattern

// 1. Definirea tiparului de rută pentru articole de blog
const tiparArticol = new URLPattern({
    pathname: '/articole/:categorie/:slug'
});

// 2. Testarea unui URL curent
const urlCurent = 'https://www.dexblog.ro/articole/programare/invata-javascript-2026';

// test() returnează boolean (true/false)
if (tiparArticol.test(urlCurent)) {
    console.log("Ruta se potrivește!");
}

// 3. exec() extrage parametrii și componentele URL-ului
const rezultat = tiparArticol.exec(urlCurent);

console.log(rezultat.pathname.groups);
// Output:
// {
//   categorie: "programare",
//   slug: "invata-javascript-2026"
// }

Unde se utilizează în ecosistemul modern

Single Page Applications (SPA): Construirea de sisteme de rutare pe client fără framework-uri externe greoaie.
Service Workers: Interceptarea cererilor de rețea specifice din cache (ex: new URLPattern({ pathname: '/imagini/*' })).
Framework-uri Backend (Deno / Node.js / Bun): Rute native în servere HTTP fără dependențe de module externe npm.