Problems › JavaScript › text
Turn a product title into a URL slug
The catalogue builds a URL from each product title, and the result has to be safe to put in a path.
- Lowercase, and keep only letters a-z and digits.
- Every run of anything else collapses to a single dash.
- No dash at the start or the end.
- A title with nothing usable in it gives an empty string.
slugify(title: string) → string
Where you start
function slugify(title) {
}Worked examples
| Call | Result |
|---|---|
slugify(" Blue Widget, 12mm! ") | "blue-widget-12mm" |
slugify("A---B") | "a-b" |
slugify("Already-slugged") | "already-slugged" |
slugify("!!!") | "" |
Hint
Append a dash only when there is already something to separate, then trim the one you may have left on the end.
Reference solution in JavaScript
function slugify(title) {
let result = '';
for (const ch of title.toLowerCase()) {
if ((ch >= 'a' && ch <= 'z') || (ch >= '0' && ch <= '9')) result += ch;
else if (result.length > 0 && !result.endsWith('-')) result += '-';
}
return result.endsWith('-') ? result.slice(0, -1) : result;
}