Mutabilidad vs inmutabilidad en arrays de JavaScript

Grabacion

Mutabilidad en arrays:
const arr = [1, 2, 3];
arr.push(4); // El array original se modifica
console.log(arr); // [1, 2, 3, 4]

Métodos mutables en arrays:
- push(): Agrega uno o más elementos al final del array.
- pop(): Elimina el último elemento del array.
- shift(): Elimina el primer elemento del array.
- unshift(): Agrega uno o más elementos al inicio del array.
- splice(): Cambia el contenido de un array eliminando, reemplazando o agregando elementos.

Inmutabilidad en arrays:
const arr = [1, 2, 3];
const newArr = [...arr, 4]; // Se crea un nuevo array sin modificar el original
console.log(arr); // [1, 2, 3]
console.log(newArr); // [1, 2, 3, 4]

Métodos inmutables en arrays:
- map(): Crea un nuevo array con los resultados de la función aplicada a cada elemento.
- filter(): Crea un nuevo array con todos los elementos que cumplan la condición implementada por la función dada.
- reduce(): Aplica una función a un acumulador y a cada valor del array (de izquierda a derecha) para reducirlo a un único valor.
- concat(): Se utiliza para unir dos o más arrays, devolviendo un nuevo array sin modificar los originales.

Mutabilidad en objetos:
const obj = { name: 'Alice', age: 30 };
obj.age = 31; // El objeto original se modifica
console.log(obj); // { name: 'Alice', age: 31 }

Métodos mutables en objetos:
- Object.assign(): Se utiliza para copiar los valores de todas las propiedades enumerables de uno o más objetos a un objeto destino. Modifica el objeto destino.
- delete: Elimina una propiedad de un objeto.

Inmutabilidad en objetos:
const obj = { name: 'Alice', age: 30 };
const newObj = { ...obj, age: 31 }; // Se crea un nuevo objeto sin modificar el original
console.log(obj); // { name: 'Alice', age: 30 }
console.log(newObj); // { name: 'Alice', age: 31 }

Métodos inmutables en objetos:
- Object.assign(): Se puede usar para crear un nuevo objeto combinando propiedades de otros objetos sin modificar los originales.
- Spread operator (...): Permite crear un nuevo objeto copiando las propiedades de otro objeto y añadiendo o modificando propiedades específicas.

Mutabilidad en arrays:
const arr = [1, 2, 3];
arr.push(4); // El array original se modifica
console.log(arr); // [1, 2, 3, 4]

Métodos mutables en arrays:
- push(): Agrega uno o más elementos al final del array.
- pop(): Elimina el último elemento del array.
- shift(): Elimina el primer elemento del array.
- unshift(): Agrega uno o más elementos al inicio del array.
- splice(): Cambia el contenido de un array eliminando, reemplazando o agregando elementos.

Inmutabilidad en arrays:
const arr = [1, 2, 3];
const newArr = [...arr, 4]; // Se crea un nuevo array sin modificar el original
console.log(arr); // [1, 2, 3]
console.log(newArr); // [1, 2, 3, 4]

Métodos inmutables en arrays:
- map(): Crea un nuevo array con los resultados de la función aplicada a cada elemento.
- filter(): Crea un nuevo array con todos los elementos que cumplan la condición implementada por la función dada.
- reduce(): Aplica una función a un acumulador y a cada valor del array (de izquierda a derecha) para reducirlo a un único valor.
- concat(): Se utiliza para unir dos o más arrays, devolviendo un nuevo array sin modificar los originales.

Mutabilidad en objetos:
const obj = { name: 'Alice', age: 30 };
obj.age = 31; // El objeto original se modifica
console.log(obj); // { name: 'Alice', age: 31 }

Métodos mutables en objetos:
- Object.assign(): Se utiliza para copiar los valores de todas las propiedades enumerables de uno o más objetos a un objeto destino. Modifica el objeto destino.
- delete: Elimina una propiedad de un objeto.

Inmutabilidad en objetos:
const obj = { name: 'Alice', age: 30 };
const newObj = { ...obj, age: 31 }; // Se crea un nuevo objeto sin modificar el original
console.log(obj); // { name: 'Alice', age: 30 }
console.log(newObj); // { name: 'Alice', age: 31 }

Métodos inmutables en objetos:
- Object.assign(): Se puede usar para crear un nuevo objeto combinando propiedades de otros objetos sin modificar los originales.
- Spread operator (...): Permite crear un nuevo objeto copiando las propiedades de otro objeto y añadiendo o modificando propiedades específicas.

Mutabilidad vs inmutabilidad en arrays de JavaScript

Grabacion

Transformar, filtrar y agrupar arrays en JavaScript

Clona y ejecuta FreeHabits localmente

Map avanzado: item, index y array completo

Exportar CSV desde el navegador con map

Mutabilidad vs inmutabilidad en arrays de JavaScript

Cómo filter elimina elementos sin mutar arrays

Filtros dinámicos con FormData en JavaScript

Observer Pattern para filtros reactivos en JS

Filtros reactivos con Observer Pattern en JS

Persistencia con local storage y repository pattern

Cómo calcular promedios con reduce en JavaScript

Cómo crear un histograma con reduce

Object.groupBy vs reduce en JavaScript

Cómo crear un mini dashboard con reduce en JavaScript

flat y flatMap para arrays anidados en JS

flatMap y reduce para agrupar hábitos por día

Gráfica de barras con Chart.js en Vanilla JS

some, every e includes para validar arrays

Cómo convertir arrays y strings con join y split

Fusionar arrays sin mutar datos con spread

Inmutabilidad en arrays con spread y slice

Map vs Array: cuándo usar cada uno

Map + array de IDs para acelerar búsquedas

Cierre del curso de arrays avanzados en JS