En este tutorial, aprenderemos sobre el tipo de dato primitivo string o cadena de texto de JavaScript.
Las cadenas de texto, en JavaScript, son inmutables, y esto significa que si modificamos una cadena o string, siempre obtendremos otra nueva cadena, y por tanto la original no cambia.
En JavaScript, podemos crear strings de varias maneras:
- Comillas Simples (‘)
- Comillas Dobles («)
- Plantillas de Literales (con acentos graves `)
Por ejemplo:
let string1 = 'Hola, mundo!';
let string2 = "JavaScript es genial.";
let string3 = `Este es un string de múltiples líneas.Longitud de un String
Para obtener la longitud de un string podemos utilizar la propiedad .length.
let saludo = "Hola";
console.log(saludo.length); // 4 Acceder a Caracteres específicos
Para acceder a un carácter específico de un string podemos utilizar la notación de corchetes o el método .charAt(). Por ejemplo:
let texto = "JavaScript";
console.log(texto[0]); // : 'J'
console.log(texto.charAt(1)); //: 'a' Métodos Comunes de Strings
JavaScript ofrece varios métodos para manipular strings:
toUpperCase() y toLowerCase()
Los métodos toUpperCase() y toLowerCase() se utilizan para convertir el texto de una cadena a mayúsculas o minúsculas, respectivamente:
let frase = "Hola, Mundo!";
console.log(frase.toUpperCase()); // 'HOLA, MUNDO!'
console.log(frase.toLowerCase()); // 'hola, mundo!'trim()
Este método elimina espacios en blanco al inicio y al final de un texto:
let espaciado = " Hola, mundo! ";
console.log(espaciado.trim()); // 'Hola, mundo!' substring() y slice()
Los métodos substring() y slice() en JavaScript son utilizados para extraer partes de una cadena de texto. Aunque ambos métodos tienen funciones similares, hay diferencias en cómo funcionan. A continuación, veamos cada uno:
– El método substring() extrae una parte de una cadena entre dos índices especificados. Si solo se proporciona un índice, substring() extraerá desde ese índice hasta el final de la cadena. Ejemplo:
let texto = "Hola, Mundo!";
let parte = texto.substring(0, 4);
console.log(parte); // 'Hola'– El método slice() también extrae una sección de una cadena entre dos índices especificados. A diferencia de substring(), slice() puede aceptar índices negativos, que se refieren a la posición desde el final de la cadena:
let texto = "Hola, Mundo!";
let parte = texto.slice(0, 4);
console.log(parte); // 'Hola'
// Ejemplo con índices negativos
let parteNegativa = texto.slice(-6, -1);
console.log(parteNegativa); // 'Mundo'replace()
El método replace() ese utiliza para reemplazar una parte de una cadena con otra. Este método busca un patrón especificado dentro de la cadena original y lo sustituye por una nueva cadena.
let texto = "Hola, Mundo!";
let nuevoTexto = texto.replace("Mundo", "JavaScript");
console.log(nuevoTexto); // 'Hola, JavaScript!'
let texto = "Java es genial, Java es divertido.";
let nuevoTexto = texto.replace("Java", "JavaScript");
console.log(nuevoTexto); // Salida: 'JavaScript es genial, Java es divertido.'split()
El método split() se utiliza para dividir una cadena en un array (arreglo) de subcadenas, utilizando un separador especificado. Este método toma como entrada un delimitador y, al encontrarlo en la cadena original, corta la cadena en ese punto y devuelve un nuevo array que contiene las partes resultantes. Por ejemplo:
let lista = "manzana,banana,naranja";
let frutas = lista.split(","); // Divide por comas
console.log(frutas); // ['manzana', 'banana', 'naranja']Concatenación de Strings
Puedes concatenar strings utilizando el operador + o el método .concat():
let nombre = "Juan";
let saludoCompleto = "Hola, " + nombre + "!";
console.log(saludoCompleto); // Salida: 'Hola, Juan!'
// Usando .concat()
let saludo = "Hola".concat(", ", nombre, "!");
console.log(saludo); // Salida: 'Hola, Juan!'Plantillas de Literales
Las plantillas de literales permiten incrustar expresiones y crear strings de múltiples líneas.
let nombre = "Juan";
let edad = 30;
let texto = `Hola, mi nombre es ${nombre} y tengo ${edad} años.`;
console.log(texto); // 'Hola, mi nombre es Juan y tengo 30 años.'Búsqueda de Substrings
Para buscar una subcadena, podemos utilzar los métodos indexOf() y includes().
let mensaje = "Estoy aprendiendo JavaScript.";
console.log(mensaje.indexOf("JavaScript")); // 19 (posición inicial)
console.log(mensaje.includes("aprendiendo")); // true
Inicialmente me formé como Técnico en Anális y Diseño de sistemas. Luego ingresé a la escuela de negocios, hice una licenciatura en Administración y obtuve una especialización (Post-grado) en Alta Dirección Empresarial. Desde el año 2007 me dedico a la creación de sitios web, lo cual combino con la consultoría y la capacitación de tecnologías de Internet.
- Los mejores Frameworks CSS: una guía completa para desarrolladores - septiembre 14, 2024
- Qué es una página web estática, cómo funciona y cómo crearla - septiembre 2, 2024
- Números en JavaScript - agosto 2, 2024
