Generatore Slug JavaScript: Soluzioni Vanilla JS, Node.js e Librerie

Impara tutti i metodi di generazione slug in JavaScript. Funzioni Vanilla JS, librerie slugify e limax, integrazione React e Vue.js.

Generazione Slug in JavaScript

Creare slug nelle applicazioni web moderne è un'operazione frequente sia nel frontend che nel backend.

Funzione Slug Vanilla JavaScript

function slugify(text) {
  return text
    .toString()
    .normalize('NFD')
    .replace(/[\u0300-\u036f]/g, '')
    .toLowerCase()
    .trim()
    .replace(/\s+/g, '-')
    .replace(/[^\w\-]+/g, '')
    .replace(/\-\-+/g, '-');
}

Caratteri Italiani

function italianSlugify(text) {
  const charMap = {'à': 'a', 'è': 'e', 'é': 'e', 'ì': 'i', 'ò': 'o', 'ù': 'u'};
  let slug = text;
  for (const [key, value] of Object.entries(charMap)) {
    slug = slug.replace(new RegExp(key, 'g'), value);
  }
  return slug.toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/-+/g, '-');
}

Librerie NPM

npm install slugify

import slugify from 'slugify';
const slug = slugify('Ciao Mondo', { lower: true, strict: true });

Conclusione

JavaScript offre molte opzioni per creare slug.