How to slugify a string in JavaScript
New Courses Coming Soon
Join the waiting lists
A snippet of code I used to slugify a string
export function slugify(str) {
// Remove leading and trailing whitespace
str = str.trim()
// Make the string lowercase
str = str.toLowerCase()
// Remove accents, swap ñ for n, etc
str = str.normalize('NFD').replace(/[\u0300-\u036f]/g, '')
// Remove invalid characters
str = str.replace(/[^a-z0-9 -]/g, '')
// Replace whitespace with a hyphen
str = str.replace(/\s+/g, '-')
// Collapse consecutive hyphens
str = str.replace(/-+/g, '-')
return str
}
→ Get my JavaScript Beginner's Handbook
→ Read my
JavaScript Tutorials
on The Valley of Code
→ Read my
TypeScript Tutorial
on The Valley of Code
Here is how can I help you:
- COURSES where I teach everything I know
- CODING BOOTCAMP cohort course - next edition in 2025
- THE VALLEY OF CODE your web development manual
- BOOKS 17 coding ebooks you can download for free on JS Python C PHP and lots more
- Interesting links collection
- Follow me on X