¿Cuál es la mejor manera de sobrescribir un objeto dentro de una matriz de objetos?
Me gustaría tener solo un objeto por nombre de usuario, en este caso, en el arreglo inicial, Francis tiene showMessage como verdadero, pero userDetails tiene el mismo nombre de usuario pero un valor diferente para showMessage, por lo que me gustaría sobrescribir este último objeto en el arreglo.
Rendimiento esperado:
[ { showMessage: true, username: 'Joe' }, { showMessage: true, username: 'Douglas' }, { showMessage: false, username: 'Francis' } ]Código actual:
let obj = {}; let arr = [ {showMessage: true, username: "Joe"}, {showMessage: true, username: "Douglas"}, {showMessage: true, username: "Francis"} ] const userDetails = { showMessage: false, username: 'Francis', } objJSON = userDetails var newData = [...arr, userDetails] console.log("newData: ",newData);Use Object.assign después de encontrar en la matriz el objeto que coincide con el nombre de username , para sobrescribir/modificar los datos del objeto con otro objeto de datos
const arr = [ {showMessage: true, username: "Joe"}, {showMessage: true, username: "Douglas"}, {showMessage: true, username: "Francis"} ] const userDetails = { showMessage: false, username: 'Francis', }; // Update user data by username (if object is found in array): const oldDetails = arr.find(user => user.username === userDetails.username); oldDetails && Object.assign(oldDetails, userDetails); console.log(arr);Por lo general, encontraría el índice con ese nombre de usuario, si existe, empalme el nuevo objeto en esa posición, si no, empalme el nuevo objeto en el extremo
let arr = [ {showMessage: true, username: "Joe"}, {showMessage: true, username: "Douglas"}, {showMessage: true, username: "Francis"} ] const userDetails = { showMessage: false, username: 'Francis', } const set = (obj) => { const i = arr.findIndex(el => el.username === obj.username); arr.splice(i === -1 ? arr.length : i, i === -1 ? 0 : 1, obj); return arr; } var newData = set(userDetails) console.log("newData: ",newData);Que funciona tanto para agregar un nuevo objeto como para editar uno existente
Sin embargo, generalmente evitaría el problema por completo usando el nombre de usuario como clave, en lugar de una matriz:
let arr = { Joe: {showMessage: true, username: "Joe"}, Douglas: {showMessage: true, username: "Douglas"}, Francis: {showMessage: true, username: "Francis"} } const userDetails = { showMessage: false, username: 'Francis', } const set = (obj) => { arr[obj.username] = obj } set(userDetails) console.log("newData: ", Object.values(arr)); let arr = [ { showMessage: true, username: "Joe" }, { showMessage: true, username: "Douglas" }, { showMessage: true, username: "Francis" }, ]; const userDetails = { showMessage: false, username: "Francis", }; const newData = [...arr]; for (let i = 0; i < newData.length; i++) { if (arr[i].username == userDetails.username) { newData[i] = userDetails; } } console.log("newData: ", newData);