Creando slugs amigables con URLs con JavaScript

Introducción

En este laboratorio, exploraremos cómo convertir una cadena de texto en un slug amigable con URLs utilizando JavaScript. El proceso implica normalizar la cadena convirtiéndola a minúsculas y eliminando los caracteres especiales, seguido de reemplazar los espacios, guiones y subrayados por guiones. Al final de este laboratorio, tendrás una función que puede generar un slug a partir de cualquier cadena de texto dada, lo que la hace más fácil de utilizar en URLs y otras aplicaciones web.

Función para convertir una cadena de texto en un slug para URL

Para convertir una cadena de texto en un slug que se puede utilizar en una URL, siga estos pasos:

1. Abra la Terminal/SSH y escriba node para comenzar a practicar la codificación.
2. Utilice los métodos String.prototype.toLowerCase() y String.prototype.trim() para normalizar la cadena de texto.
3. Utilice el método String.prototype.replace() para reemplazar los espacios, guiones y subrayados por -, y eliminar los caracteres especiales.
4. Implemente el siguiente código:

const slugify = (str) =>
  str
    .toLowerCase()
    .trim()
    .replace(/[^\w\s-]/g, "")
    .replace(/[\s_-]+/g, "-")
    .replace(/^-+|-+$/g, "");

5. Pruebe la función con la entrada slugify('Hello World!'); y debería devolver la salida 'hello-world'.

Resumen

¡Felicidades! Has completado el laboratorio de convertir una cadena de texto en un slug. Puedes practicar más laboratorios en LabEx para mejorar tus habilidades.