Taller > JavaScript
Strings en JavaScript
Las cadenas de texto, también conocidas como «strings», son una parte
fundamental de cualquier lenguaje de programación, y JavaScript no es
la excepción.
Son secuencias de caracteres que se utilizan para representar
palabras, frases, oraciones y cualquier tipo de información textual.
Dominar las cadenas de texto te permite manipular, transformar y
formatear información de forma precisa y eficiente.
Tabla de contenidos
¿Qué es una cadena de texto en JavaScript?
Una cadena de texto es una secuencia de caracteres encerrada entre comillas simples (»), dobles («») o backticks («).
Ejemplos:
'Hola mundo'"JavaScript es genial"Esto es una cadena con backticks
Propiedades y métodos de las cadenas de texto:
Las cadenas de texto en JavaScript tienen una serie de propiedades y
métodos que te permiten trabajar con ellas de forma versátil. Algunas de
las más importantes son:
- length: La longitud de la cadena.
- charAt(indice): Obtiene el caracter en la posición indicada.
- toUpperCase(): Convierte la cadena a mayúsculas.
- toLowerCase(): Convierte la cadena a minúsculas.
- indexOf(cadena): Busca la primera aparición de la cadena especificada y devuelve su posición.
- lastIndexOf(cadena): Busca la última aparición de la cadena especificada y devuelve su posición.
- slice(inicio, fin): Extrae una subcadena desde la posición inicial hasta la posición final.
- replace(cadena1, cadena2): Reemplaza todas las apariciones de la cadena1 por la cadena2.
Ejemplos prácticos:
1. Obtener la longitud de una cadena:
const saludo = "Hola mundo";
const longitud = saludo.length;
console.log(longitud); // 11
Lenguaje del código: JavaScript (javascript)2. Convertir una cadena a mayúsculas:
const frase = "javascript es genial";
const fraseMayusculas = frase.toUpperCase();
console.log(fraseMayusculas); // JAVASCRIPT ES GENIAL
Lenguaje del código: JavaScript (javascript)3. Buscar la primera aparición de una cadena:
const texto = "El perro corre en el parque";
const posicion = texto.indexOf("corre");
console.log(posicion); // 7
Lenguaje del código: JavaScript (javascript)4. Extraer una subcadena:
const nombre = "Ana García";
const apellido = nombre.slice(4);
console.log(apellido); // García
Lenguaje del código: JavaScript (javascript)5. Reemplazar una cadena por otra:
const mensaje = "Bienvenido a JavaScript";
const nuevoMensaje = mensaje.replace("JavaScript", "Node.js");
console.log(nuevoMensaje); // Bienvenido a Node.js
Lenguaje del código: JavaScript (javascript)Plantillas literales:
Las plantillas literales (backticks) te permiten crear cadenas de texto con expresiones incrustadas.
Ejemplo:
const nombre = "Ana";
const edad = 25;
const saludo = `Hola ${nombre}, tienes ${edad} años`;
console.log(saludo); // Hola Ana, tienes 25 años
Lenguaje del código: JavaScript (javascript)Conclusión
Las cadenas de texto son una herramienta fundamental en JavaScript.
Dominar sus propiedades y métodos te permite trabajar con información
textual de forma eficiente y creativa. Dedica tiempo a practicar con los
ejemplos y explorar las diferentes posibilidades que ofrecen las
cadenas de texto para llevar tu desarrollo web al siguiente nivel.
Fecha y Hora en JavaScript
En el desarrollo web actual, la manipulación de fechas y horas es una
tarea fundamental. JavaScript, como lenguaje de programación versátil,
ofrece diversas herramientas para trabajar con estas variables
temporales.
En este artículo, exploraremos en profundidad las funcionalidades del objeto
Date y sus métodos, brindándote ejemplos prácticos para dominar la gestión del tiempo en tus proyectos web.Tabla de contenidos
El objeto
Date:JavaScript representa fechas y horas mediante el objeto
Date. Este objeto encapsula información temporal como el día, mes, año, hora, minuto y segundo.Internamente,
Date almacena el tiempo como un número de milisegundos desde la medianoche del 1 de enero de 1970 (época de Unix).Creando objetos
Date:Existen diversas formas de crear un objeto
Date:- Sin argumentos: Crea un objeto con la fecha y hora actual.
const ahora = new Date();
console.log(ahora); // Mostrará la fecha y hora actual
Lenguaje del código: JavaScript (javascript)- Con argumentos: Permite especificar manualmente los valores de fecha y hora.
const fechaNacimiento = new Date(1990, 11, 15); // 15 de diciembre de 1990
console.log(fechaNacimiento);
Lenguaje del código: JavaScript (javascript)- Parseando una cadena: Convierte una cadena de texto a un objeto
Date.
const fechaString = "2024-03-24T19:21:00-05:00";
const fechaParseada = new Date(Date.parse(fechaString));
console.log(fechaParseada);
Lenguaje del código: JavaScript (javascript)Obteniendo información de un objeto
Date:El objeto
Date proporciona diversos métodos para acceder a sus diferentes componentes:- Métodos
get: Obtienen valores específicos como el día, mes, año, hora, minuto, etc.
const hoy = new Date();
const dia = hoy.getDay(); // 0 (domingo)
const mes = hoy.getMonth() + 1; // 3 (marzo)
const año = hoy.getFullYear(); // 2024
console.log(dia, mes, año);
Lenguaje del código: JavaScript (javascript)- Métodos
toLocale: Obtienen información formateada según la configuración regional del usuario.
const fecha = new Date(2024, 7, 14);
const fechaLocal = fecha.toLocaleDateString(); // "14/08/2024"
console.log(fechaLocal);
Lenguaje del código: JavaScript (javascript)Manipulando fechas y horas:
El objeto
Date también ofrece métodos para modificar sus componentes:- Métodos
set: Permiten cambiar valores específicos como el día, mes, año, hora, minuto, etc.
const fecha = new Date();
fecha.setMonth(5); // Junio
fecha.setDate(10); // 10 de junio
console.log(fecha);
Lenguaje del código: JavaScript (javascript)- Métodos de suma y resta: Permiten modificar la fecha en unidades de tiempo como milisegundos, segundos, minutos, etc.
const fecha = new Date();
fecha.setMinutes(fecha.getMinutes() + 30); // Suma 30 minutos
console.log(fecha);
Lenguaje del código: JavaScript (javascript)Conclusión
Dominar la gestión de fechas y horas en JavaScript es una habilidad esencial para el desarrollo web. El objeto
Date
y sus métodos te permiten trabajar con precisión y flexibilidad con
variables temporales, abriendo un abanico de posibilidades para tus
proyectos. Utiliza esta guía como punto de partida para explorar y
aplicar estas funcionalidades en tus propios scripts.