Necesito cambiar las claves de mi objeto. Podría usar la función de mapa para cambiar las claves de mi objeto externo. La pregunta es, ¿cómo puedo acceder al objeto interno que también está en una matriz? En el siguiente código, necesito cambiar la clave del team a teamName . Mi estructura tiene que estar en el mismo orden.
let myArray = [ { id: 1, name: "foo", Organization: [{ team: "value1" }, { location: "value2" }], }, { id: 2, name: "foo", Organization: [{ team: "value1" }, { location: "value2" }], }, ]; Puedo cambiar las claves de la matriz externa de esta manera si quiero cambiar la id a la identificación del userId .
const newArray = myArray.map((item) => { return { userId: item.id, }; }); Pero tratar de cambiar las claves en la lista interna de objetos para Organization se convierte en un problema. ¿Cuál es la mejor manera de modificar las teclas internas?
import { mapKeys } from 'lodash'; const newArray = myArray.map(item => ({ ...item, Organization: item.Organization.map(org => mapKeys(org, (_, key) => (key === 'team' ? 'teamName' : key)) ), })); Puede destruir cada Organization y reconstruirla con teamName , siempre que exista el team .
const newArray = myArray.map(item => ({ ...item, Organization: item.Organization.map(({ team, ...rest }) => Object.assign(rest, team ? { teamName: team } : {}) ), })); [ { id: 1, name: 'foo', Organization: [{ teamName: 'value1' }, { location: 'value2' }], }, { id: 2, name: 'foo', Organization: [{ teamName: 'value1' }, { location: 'value2' }], }, ];No podría hacerlo más simple.
console.log( [{ "id": 1, "name": "foo", "Organization": [{ "team": "value1" }, { "location": "value2" }] }, { "id": 2, "name": "foo", "Organization": [{ "team": "value1" }, { "location": "value2" }] }, ].reduce((a, b) => { b.Organization[0] = { teamName: b.Organization[0].team } a.push(b) return a }, []) )Si Organization es siempre una matriz con 2 elementos. Donde el primer elemento es un objeto con la propiedad team , y el segundo elemento es un objeto con la propiedad location . Entonces el siguiente código hace el trabajo.
let myArray = [{ "id": 1, "name": "foo", "Organization": [{"team": "value1"}, {"location": "value2"}] }, { "id": 2, "name": "foo", "Organization": [{"team": "value1"}, {"location": "value2"}] }]; const result = myArray.map((item) => { const [{ team: teamName }, location] = item.Organization; return { ...item, Organization: [{ teamName }, location] }; }); console.log(result);Esta respuesta hace uso de la asignación de desestructuración . Si no sabe qué es esto, le sugiero que consulte la documentación vinculada.