LabEx
EntrarÚnete

Manipulación de cadenas con JavaScript

Beginner

This tutorial is from open-source community. Access the source code

Introducción

En este laboratorio, exploraremos el concepto de manipulación de cadenas en JavaScript. En particular, nos centraremos en eliminar los espacios en blanco de las cadenas utilizando expresiones regulares. A través de una serie de ejercicios y ejemplos, obtendremos una comprensión más profunda de cómo utilizar el método String.prototype.replace() para eliminar los caracteres de espacio en blanco y crear cadenas más limpias y manejables.

Este es un Guided Lab, que proporciona instrucciones paso a paso para ayudarte a aprender y practicar. Sigue las instrucciones cuidadosamente para completar cada paso y obtener experiencia práctica. Los datos históricos muestran que este es un laboratorio de nivel principiante con una tasa de finalización del 100%. Ha recibido una tasa de reseñas positivas del 100% por parte de los estudiantes.

Función para eliminar espacios en blanco

Para eliminar los espacios en blanco de una cadena, utiliza la siguiente función.

  • Utiliza String.prototype.replace() con una expresión regular para reemplazar todas las ocurrencias de caracteres de espacio en blanco con una cadena vacía.
const removeWhitespace = (str) => str.replace(/\s+/g, "");

Explicación de la expresión regular

  • /\s+/g se descompone como:
    • \s: Coincide con cualquier carácter de espacio en blanco (espacios, tabulaciones, saltos de línea)
    • +: Coincide con una o más ocurrencias del carácter anterior
    • /g: Banderas globales - coincide con todas las ocurrencias en la cadena, no solo con la primera

Referencia rápida de expresiones regulares

Patrones de espacio en blanco comunes:

  • \s - coincide con cualquier espacio en blanco (espacio, tabulación, retorno de carro)
  • \t - coincide con caracteres de tabulación
  • \n - coincide con caracteres de nueva línea
  • \r - coincide con retornos de carro
  • (espacio) - coincide solo con caracteres de espacio

Por ejemplo,

removeWhitespace("Lorem ipsum.\n Dolor sit amet. ");
// 'Loremipsum.Dolorsitamet.'

// Más ejemplos:
removeWhitespace("Hello    World"); // "HelloWorld"
removeWhitespace("Tab\there\nNew line"); // "TabhereNewline"

Para comenzar a practicar la codificación, abre la Terminal/SSH y escribe node.

Resumen

¡Felicidades! Has completado el laboratorio de Eliminar espacios en blanco. Puedes practicar más laboratorios en LabEx para mejorar tus habilidades.