Texto y Tiempo - SuperHispano

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.

¿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

2. Convertir una cadena a mayúsculas:
const frase = "javascript es genial";
const fraseMayusculas = frase.toUpperCase();
console.log(fraseMayusculas);
// JAVASCRIPT ES GENIAL

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

4. Extraer una subcadena:
const nombre = "Ana García";
const apellido = nombre.slice(4);
console.log(apellido);
// García

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

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

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.

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

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);

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);

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);

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);

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);

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);

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.