Estoy tratando de cambiar los valores dentro de un objeto en Javascript, Object.values mientras ejecuto un bucle forEach parece tener más sentido para mí, pero Object.keys (obj[key]) en realidad actualizó el valor en el objeto. Aquí está mi código para explicar mejor.
De esta manera a continuación funciona como se esperaba
const usersKey = { user1: 18273, user2: 92833, user3: 90315 } Object.keys(usersKey).forEach((key) => { usersKey[key] = usersKey[key]*2 }) console.log(usersKey)De esta manera a continuación no se actualiza el objeto.
const usersValue = { user1: 18273, user2: 92833, user3: 90315 } Object.values(usersValue).forEach((value) => { value = value*2 }) console.log(usersValue)¿Por qué es esto? ¿No deberían ambas formas producir resultados idénticos?
Este comportamiento no tiene nada que ver con Object.keys() y Object.values() como tales. Ambos devuelven matrices con copias de claves/valores y no mutan el objeto en sí.
Solo está accediendo a diferentes valores en sus programas. En el primer programa, en realidad está mutando el objeto en sí, en el segundo programa solo cambia el valor que es una copia del valor real. Al ser un valor primitivo el cambio de valor no se refleja en el valor original.
Si tuviera, por ejemplo, un objeto como valor, entonces Object.values() devolvería una copia de la referencia a ese objeto y, por lo tanto (como la referencia apunta a los mismos datos en la memoria), cualquier cambio también se reflejaría en la matriz original. .
// now the values are not simple primitive types but an object const usersValue = { user1: { id: 18273 } , user2: { id: 92833 }, user3: { id: 90315 } } Object.values(usersValue).forEach((value) => { value.id = value.id*2 }) // changes are now reflected in the object console.log(usersValue)Consulte este hilo para obtener más información sobre el paso por referencia y el paso por valor.