Tengo:
const parsedData = [ { id: 1, key: 'asdas'}, { id: 2, key: 'asdas'}, ] parsedData.map((item, i) => ({ ...item, key: `modified ${item.key}` })); console.log(parsedData); Lo que intento es modificar la matriz parsedData y obtener:
[ { id: 1, key: 'modified asdas'}, { id: 2, key: 'modified asdas'}, ]Pero obtengo la misma matriz en console.log
un mapa devolverá una nueva matriz que necesita para capturarla en una variable diferente
const parsedData = [ { id: 1, key: 'asdas'}, { id: 2, key: 'asdas'}, ] const newData = parsedData.map((item, i) => ({ ...item, key: `modified ${item.key}` })); console.log(newData);map devuelve la matriz modificada; no muta el original.
Debería registrar el resultado devuelto por el map :
const parsedData = [ { id: 1, key: 'asdas'}, { id: 2, key: 'asdas'}, ] let res = parsedData.map((item, i) => ({ ...item, key: `modified ${item.key}` })); console.log(res); Alternativamente, puede usar forEach :
const parsedData = [ { id: 1, key: 'asdas'}, { id: 2, key: 'asdas'}, ] parsedData.forEach((item, i) => (parsedData[i] = { ...item, key: `modified ${item.key}` })); console.log(parsedData);