Actualizar sin modificar

JavaScript · Unidad 15: Inmutabilidad

Entonces, ¿cómo se cambia algo sin cambiarlo? No se cambia: se arma una versión nueva con lo que ya había y el cambio encima.

Esa es toda la idea de { ...viejo, cambio }, y ahora ya sabes para qué sirve de verdad.

const t = { txt: "pan", hecha: false };
const t2 = { ...t, hecha: true };
console.log(t.hecha, t2.hecha);

Imprime

false true

El resto de la explicación está en la lección, que es del plan completo.

Ejercicios de esta lección

Se hacen en la app, que los corrige al momento y explica por qué.

1. Predice la salida
La función marca la tarea como hecha. ¿Qué imprime?
2. Completa el código
Completa para armar un producto con el precio en 66, sin cambiar el que ya existe.
3. Completa el código
Completa para dejar fuera el 20 sin quitarlo de la lista original.
4. Predice la salida
Se agrega una vela y después se quita la taza. ¿Qué imprime?
5. Completa el código
Completa para que la tarea 1 salga marcada en la lista nueva y sin marcar en la vieja.
6. Encuentra el bug
conDescuento debería dar un producto rebajado sin cambiarle el precio al que recibe, así que esto debería imprimir 60 y 50. ¿Qué línea tiene el error?
7. Opción múltiple
¿Por qué una función que recibe un objeto suele regresar uno nuevo en vez de cambiarlo?
8. Ordena las líneas
Ordena el programa que arma una lista nueva con la tarea marcada, usando map y una flecha que regresa un objeto.
9. Encuentra el caso que falla
marcar(ts, i) regresa una lista nueva con la tarea del lugar i marcada, sin tocar la que recibe; si ese lugar no existe, regresa la lista igual. ¿Con qué llamada falla?
10. Predice la salida
La versión nueva se arma con los tres puntos. ¿Qué imprime?

Se abre en el navegador. Esta lección es del plan completo; la primera unidad de cada curso es gratis.