Textos (strings)

Crear, recortar, buscar y transformar textos.

`Hola ${nombre}`: Textos entre acentos graves en los que ${…} se sustituye por el valor de una expresión.

texto.length: El número de caracteres del texto.

toUpperCase() y toLowerCase(): Devuelven el texto en mayúsculas o en minúsculas.

includes(): Dice si el texto contiene otro (distingue mayúsculas).

  • Crear, recortar, buscar y transformar textos. Los métodos de texto no cambian el original: devuelven uno nuevo.
  • Cada entrada lleva una explicación corta y un ejemplo. En Practica, al final, tienes los mismos ejemplos para cambiarlos y ejecutarlos: lo que escriben con console.log() sale en la consola.
  • Esencial. Textos entre acentos graves en los que ${…} se sustituye por el valor de una expresión. Admiten varias líneas.
  • Esencial. El número de caracteres del texto.
  • Esencial. Devuelven el texto en mayúsculas o en minúsculas. Útil para comparar sin que importen las mayúsculas.

Introducción

Crear, recortar, buscar y transformar textos. Los métodos de texto no cambian el original: devuelven uno nuevo.

Cada entrada lleva una explicación corta y un ejemplo. En Practica, al final, tienes los mismos ejemplos para cambiarlos y ejecutarlos: lo que escriben con console.log() sale en la consola.

`Hola ${nombre}`

Esencial. Textos entre acentos graves en los que ${…} se sustituye por el valor de una expresión. Admiten varias líneas.

texto.length

Esencial. El número de caracteres del texto.

toUpperCase() y toLowerCase()

Esencial. Devuelven el texto en mayúsculas o en minúsculas. Útil para comparar sin que importen las mayúsculas.

trim()

Quita los espacios del principio y del final (lo que se cuela al escribir en un formulario).

includes()

Esencial. Dice si el texto contiene otro (distingue mayúsculas).

startsWith() y endsWith()

Dicen si el texto empieza o termina con otro.

indexOf()

La posición donde aparece un texto por primera vez, o -1 si no está.

slice()

Esencial. Un trozo del texto, de una posición a otra (sin incluir la final). Con números negativos cuenta desde el final.

split()

Esencial. Parte el texto en un array usando un separador.

replace() y replaceAll()

replace cambia la primera aparición; replaceAll, todas.

padStart()

Rellena el texto por delante hasta una longitud: típico para poner ceros (09:05).

at()

El carácter de una posición; con números negativos, desde el final (at(-1) es el último).

repeat()

Repite el texto un número de veces.

Referencia de JavaScript
05

Textos (strings)

Crear, recortar, buscar y transformar textos.

Código del tema: const nombre = "Ana", piezas = 3;

📘 Teoría

Introducción

Crear, recortar, buscar y transformar textos. Los métodos de texto no cambian el original: devuelven uno nuevo.

Cada entrada lleva una explicación corta y un ejemplo. En Practica, al final, tienes los mismos ejemplos para cambiarlos y ejecutarlos: lo que escriben con console.log() sale en la consola.

`Hola ${nombre}`

Esencial. Textos entre acentos graves en los que ${…} se sustituye por el valor de una expresión. Admiten varias líneas.

texto.length

Esencial. El número de caracteres del texto.

toUpperCase() y toLowerCase()

Esencial. Devuelven el texto en mayúsculas o en minúsculas. Útil para comparar sin que importen las mayúsculas.

trim()

Quita los espacios del principio y del final (lo que se cuela al escribir en un formulario).

includes()

Esencial. Dice si el texto contiene otro (distingue mayúsculas).

startsWith() y endsWith()

Dicen si el texto empieza o termina con otro.

indexOf()

La posición donde aparece un texto por primera vez, o -1 si no está.

slice()

Esencial. Un trozo del texto, de una posición a otra (sin incluir la final). Con números negativos cuenta desde el final.

split()

Esencial. Parte el texto en un array usando un separador.

replace() y replaceAll()

replace cambia la primera aparición; replaceAll, todas.

padStart()

Rellena el texto por delante hasta una longitud: típico para poner ceros (09:05).

at()

El carácter de una posición; con números negativos, desde el final (at(-1) es el último).

repeat()

Repite el texto un número de veces.

🕹️ Practica

Referencia interactiva Ejemplos editables: Textos (strings) Abrir en pantalla completa

¿Qué es esto?

Soy Cristian Eslava y a veces hago webs para procrastinar yo y vosotros. culTest

La hice en febrero de 2026 para facilitar el aprendizaje de mis alumnos. La idea es aprender desarrollo web practicando y que el proyecto siga creciendo con nuevos temas, tests y retos.

Está inspirada en MDN, W3Schools, CodePen, Manz y muchos otros sitios de documentación sobre desarrollo web. Quería combinar teoría útil, ejemplos ejecutables, retos y el sistema de tests que ya tenía en culTest. culTest

Si te gustó, si no te gustó o si quieres escribirme, puedes hacerlo en cristianeslava@gmail.com