El tipo string
En JavaScript, el tipo de dato String se utiliza para representar cadenas de texto. Una cadena de texto es una secuencia de caracteres, como letras, números, símbolos, y espacios, que se utiliza comúnmente para almacenar y manipular texto.
1. Qué es un String? #
Un String es una secuencia de uno o más caracteres encerrados entre comillas. En JavaScript, puedes usar:
- comillas simples: '
- comillas dobles: "
- comillas invertidas (template literals): `
para crear una cadena de texto.
Ejemplos:
1let saludo = "Hola, mundo!"; 2let nombre = 'Juan'; 3let mensaje = `Hola, ${nombre}!`; // Uso de comillas invertidas (template literals)
En estos ejemplos:
"Hola, mundo!"es una cadena creada con comillas dobles.'Juan'es una cadena creada con comillas simples.`Hola, ${nombre}!`es una cadena creada con comillas invertidas, que permite la interpolación de variables (incluir valores de variables dentro de la cadena).
Características del Tipo de Dato String #
-
Inmutabilidad:
- Las cadenas de texto en JavaScript son inmutables, lo que significa que una vez que se crea una cadena, no se puede cambiar. Cualquier operación que parezca modificar una cadena en realidad crea una nueva cadena.
- Ejemplo:
1let texto = "Hola"; 2texto[0] = "M"; // Esto no cambia el texto 3console.log(texto); // Sigue mostrando "Hola"Salida de consola Hola
-
Longitud de una cadena:
- Puedes obtener la longitud de una cadena (es decir, cuántos caracteres contiene) usando la propiedad
.length. - Ejemplo:
1let palabra = "JavaScript"; 2console.log(palabra.length); // Muestra 10Salida de consola 10
- Puedes obtener la longitud de una cadena (es decir, cuántos caracteres contiene) usando la propiedad
-
Acceso a caracteres:
- Puedes acceder a los caracteres individuales de una cadena utilizando la notación de corchetes
[]o el método.charAt(). - Ejemplo:
1let palabra = "JavaScript"; 2console.log(palabra[0]); // Muestra "J" 3console.log(palabra.charAt(1)); // Muestra "a"Salida de consola J a
- Puedes acceder a los caracteres individuales de una cadena utilizando la notación de corchetes
Métodos útiles para trabajar con String #
JavaScript ofrece una amplia variedad de métodos para manipular cadenas de texto:
-
toUpperCase()ytoLowerCase():- Convierte una cadena a mayúsculas o minúsculas.
- Ejemplo:
1let saludo = "Hola"; 2console.log(saludo.toUpperCase()); // Muestra "HOLA" 3console.log(saludo.toLowerCase()); // Muestra "hola"Salida de consola HOLA hola
-
concat():- Combina (concatena) dos o más cadenas.
- Ejemplo:
1let nombre = "Juan"; 2let apellido = "Pérez"; 3let nombreCompleto = nombre.concat(" ", apellido); 4console.log(nombreCompleto); // Muestra "Juan Pérez"Salida de consola Juan Pérez
-
slice():- Extrae una parte de una cadena y devuelve una nueva cadena.
- Ejemplo:
1let texto = "JavaScript"; 2let subcadena = texto.slice(0, 4); 3console.log(subcadena); // Muestra "Java"Salida de consola Java
-
split():- Divide una cadena en un array de subcadenas según un separador especificado.
- Ejemplo:
1let frase = "Hola mundo"; 2let palabras = frase.split(" "); 3console.log(palabras); // Muestra ["Hola", "mundo"]Salida de consola [ 'Hola', 'mundo' ]
-
replace():- Reemplaza una parte de la cadena con otra.
- Ejemplo:
1let saludo = "Hola, Juan"; 2let nuevoSaludo = saludo.replace("Juan", "Ana"); 3console.log(nuevoSaludo); // Muestra "Hola, Ana"Salida de consola Hola, Ana
-
trim():- Elimina los espacios en blanco al principio y al final de una cadena.
- Ejemplo:
1let textoConEspacios = " Hola "; 2console.log(textoConEspacios.trim()); // Muestra "Hola"Salida de consola Hola
Template Literals (Cadenas Literales) #
Las comillas invertidas (`) permiten crear cadenas multilínea y dinámicas utilizando la interpolación de variables.
Ejemplo de template literal:
1let nombre = "Juan"; 2let saludo = `Hola, ${nombre}. 3¿Cómo estás?`; 4console.log(saludo);Salida de consola Hola, Juan. ¿Cómo estás?
Resumen del tema
Conceptos clave #
- Inmutabilidad de Cadenas: los strings son primitivos inmutables; cualquier transformación genera una nueva cadena en memoria.
- Delimitadores y Template Literals: comillas simples (
'), dobles (") o backticks (`) con soporte de multilínea e interpolación de expresiones (${expresion}). - Propiedades y Métodos Clave:
- Longitud:
.length. - Acceso a caracteres:
str[index]o.charAt(index). - Transformación y búsqueda:
.toUpperCase(),.toLowerCase(),.trim(),.slice(),.replace(),.split().
- Longitud:
Qué debes recordar #
Las cadenas son inmutables; todos los métodos de string devuelven nuevas cadenas sin alterar el string original.