Tener la siguiente matriz de objetos:
const input = [ {id: 3, data: {name: 'john'} }, {id: 6, data: {name: 'mike'} }, {id: 2, data: {name: 'anna'} } ];Quiero escribir un método que reciba un nuevo objeto, si la identificación del objeto está en la matriz, la reemplaza con la nueva, de lo contrario, crea un nuevo objeto.
Por ejemplo, si el método recibe este objeto: {id: 1, data: {name: 'maria' }} , lo agregará a la matriz, por lo que la matriz se verá así:
const input = [ {id: 3, data: {name: 'john'} }, {id: 6, data: {name: 'mike'} }, {id: 2, data: {name: 'anna'} }, {id: 2, data: {name: 'maria'} } ]; Si recibe {id: 3, data: {name: 'jack' }} debería reemplazar el objeto con id=3 para que el resultado sea:
const input = [ {id: 3, data: {name: 'jack'} }, {id: 6, data: {name: 'mike'} }, {id: 2, data: {name: 'anna'} }, {id: 2, data: {name: 'maria'} } ];El código:
function doMagic(input, newObj) { if (input.some(el => el.id === newObj.id) { // replace it } else { // add the object to the array } }Puedes hacerlo de esta manera:
function doMagic(input, newObj) { const i = input.findIndex(element => element.id === newObj.id); if (i > -1) input[i] = newObj; else input.push(newObj); } const input = [ {id: 3, data: {name: 'jack'} }, {id: 6, data: {name: 'mike'} }, {id: 2, data: {name: 'anna'} } ]; newObj = {id: 1, data: {name: 'maria' }}; oldObj = {id: 3, data: {name: 'john' }} doMagic(input, newObj); console.log(input); doMagic(input, oldObj); console.log(input);function doMagic(input, newObj) { input.map((el, i, arr) => { if (input.some(el => el.id === newObj.id)) { input.splice(i, 1, newObj); } else { input.push(newObj); } }) }Es posible usar find() para verificar si contiene el objeto deseado. Y si la matriz contiene un objeto, podemos actualizarlo a través del método Object.assign() . Si no, simplemente empujamos este elemento a la matriz.
const oneFunction = (arr, objToEdit) => { let existingObject = arr.find(f => f.id === objToEdit.id && f.data.name !== objToEdit.name); if (existingObject) Object.assign(existingObject, objToEdit); else arr.push(objToEdit) return arr; }Un ejemplo:
const input = [ {id: 3, data: {name: 'john'} }, {id: 6, data: {name: 'mike'} }, {id: 2, data: {name: 'anna'} } ]; const oneFunction = (arr, objToEdit) => { let existingObject = arr.find(f => f.id === objToEdit.id && f.data.name !== objToEdit.name); if (existingObject) Object.assign(existingObject, objToEdit); else arr.push(objToEdit) return arr; } let testObject = {id: 3, data: {name: 'john1'}}; console.log(oneFunction(input, testObject))