¿Ya dominas lo básico? Un curso estructurado de JavaScript es la vía rápida para dar el salto.
Ver cursos de JavaScript en UdemyEnlace de afiliado. No te cuesta nada extra.
- 01Preparar el entorno (lo que necesitas)
- 02Crear variables
- 03Condicionales (sentencias if)
- 04Bucles (sentencias for)
- 05Crear funciones
- 06Trabajar con arrays
- 07Trabajar con objetos
- 08Bucles (sentencias while)
- 09Trabajar con cadenas de texto
- 10Usar clases (programación orientada a objetos)
- 11Gestión de errores (try...catch)
- 12Desestructuración y sintaxis de propagación
- 13Código asíncrono (Promise / async y await)
- 14Métodos avanzados de arrays (filter y reduce)
- 15La sentencia switch
- 16El operador ternario
- 17Herencia (extender clases)
- 18Cómo escribir comentarios
- 19Operadores lógicos (AND, OR, NOT)
- 20Constantes (valores de solo lectura con const)
- 21Dividir y unir cadenas (split y join)
- 22Sintaxis segura frente a null (?? y ?.)
- 23Buscar en arrays y colecciones (includes y find)
- 24Transformar arrays con map
- 25Arrays bidimensionales (datos en forma de tabla)
- 26Crear una clase de error propia
- 27Argumentos por defecto (valores iniciales de los parámetros)
- 28Usar Set (colecciones)
- 29Verificar con assert (tu primer paso hacia las pruebas)
- 30Funciones de orden superior (pasar una función como argumento)
- 31Pilas y colas (estructuras de datos básicas)
- 32Fundamentos de la conversión de tipos
- 33Introducción a las expresiones regulares
- 34El algoritmo de búsqueda binaria
- 35Construir un cifrado César (desplazar letras)
- 36Entender cómo funciona la ordenación de burbuja
- 37Construir y mostrar fechas (año, mes y día)
- 38Escribir varias pruebas unitarias juntas (casos de prueba)
- 39Acelerar cálculos con memoización (caché)
- 40Normalizar cadenas (trim y unificar mayúsculas)
- 41La diferencia entre copia superficial y copia profunda
- 42Fundamentos de los Enum (tipos enumerados)
- 43Aplanar arrays (flatten)
- 44Invertir una cadena y detectar un palíndromo
- 45Emparejar dos arrays (una operación zip)
- 46Redondear números (floor, ceil y round)
- 47Cadenas de varias líneas (plantillas literales)
- 48Devolver varios valores desde una función (desestructurar arrays)
- 49Calcular el MCD y el MCM (algoritmo de Euclides)
- 50Dar formato a números (alinear dígitos y decimales)
- 51Lógica de limpieza con try/catch/finally
- 52Escribir funciones genéricas que no dependen del tipo
- 53Fundamentos de Map (un objeto para pares clave-valor)
- 54Generar números aleatorios
- 55Operaciones a nivel de bits (AND, OR, XOR y desplazamientos)
- 56Usar static (propiedades y métodos estáticos)
- 57Esperar un tiempo fijo (setTimeout y await)
- 58Cuidado con el error de redondeo en coma flotante
- 59Transformar y aplanar de una vez con flatMap()
- 60FizzBuzz (el ejercicio clásico)
- 61Comprobar si un número es primo
- 62Operaciones de conjuntos con Set (unión, intersección y diferencia)
- 63Convertir bases numéricas (binario y hexadecimal)
- 64Comprobar que los paréntesis casan (aplicación de pilas)
- 65Comprobar un anagrama
- 66Comprobar si un año es bisiesto
- 67Convertir temperaturas (Celsius ⇄ Fahrenheit)
- 68Calcular la descomposición en factores primos
- 69[Aplicado] Construye una lista de tareas sencilla
Trabajar con cadenas de texto
En esta lección verás los métodos representativos para manipular cadenas en JavaScript y así procesar texto con libertad. Está dirigida a quien busca «manipulación de cadenas en JavaScript» o «uso de toUpperCase en JavaScript».
Las cadenas incorporan una gran variedad de métodos. .toUpperCase() pasa a mayúsculas, .slice(inicio, fin) recorta una parte y .split(separador) divide por un separador y devuelve un array. Manipular cadenas es una de las tareas más frecuentes del desarrollo real, desde tratar lo que escribe el usuario hasta dar formato a lo que se muestra en pantalla.
El código de ejemplo prueba sobre una cadena llamada mensaje la conversión a mayúsculas, el recuento de caracteres con .length, la extracción de los 5 primeros caracteres con .slice(0, 5) y la división con .split(", "). Estos métodos también se pueden encadenar: por ejemplo, «recorta los espacios de una cadena y después pásala a mayúsculas» se escribe de forma limpia en una sola secuencia.
Un tropiezo habitual al empezar es que la posición final de .slice() significa «hasta ese índice, sin incluirlo». .slice(0, 5) extrae los 5 caracteres que van del índice 0 al 4; ese desfase con la intuición despista, así que ten cuidado. Recuerda también que, a diferencia de los arrays, las cadenas no se pueden modificar directamente (siempre se devuelve una cadena nueva), lo que ayuda a evitar confusiones.
En el desarrollo real la manipulación de cadenas aparece en casi todas las pantallas de una aplicación web: dar formato al nombre o la dirección que ha escrito el usuario, o dividir una palabra clave para hacer una búsqueda filtrada. Combinada con las expresiones regulares (que verás más adelante), se abre la puerta a un procesamiento de texto todavía más avanzado.
Junto con las plantillas literales (cadenas entre acentos graves) puedes construir fácilmente mensajes con valores de variables incrustados a mitad del texto. Hay muchos métodos de cadena, pero si recuerdas bien los cuatro básicos que han aparecido aquí, podrás resolver bastantes situaciones reales.
.replace() te permite sustituir parte de una cadena por otra. Pasas como primer argumento la cadena o expresión regular que quieres reemplazar y como segundo el texto de sustitución: un método básico que también se usa mucho para reemplazos masivos.
💡 Todo lo que pases a console.log() aparece en la salida de abajo.