Quería copiar las propiedades seleccionadas de un object a otro en función de una condición ( key ).
//Código
var abc = [{"name":"John", "age":30, "state":"WS", "id": 1}, {"name":"Wille", "age":36, "state":"SFO", "id": 2}, {"name":"Rack", "age":18, "state":"NJ", "id": 3}] var xyz = [{"weight":69, "height":180, "mobile":4457158, "id": 1}, {"weight":77, "height":178, "mobile":5896854, "id": 2}, {"weight":56, "height":140, "mobile":568574, "id": 3}] Quería copiar solo las propiedades ( height , mobile ) de xyz a abc .
Lo intenté,
const result = abc.map(x=> ({...x, ...xyz.find(y=> y.id === x.id)}));Incluso en lo anterior no pude copiar todas las propiedades. ¿Qué salió mal y cómo puedo copiar el seleccionado?
Tal vez solo haga esto en pasos:
const result = abc.map((x) => { const { height, mobile } = xyz.find((y) => y.id === x.id) || {}; return { ...x, height, mobile }; });Su código funciona en js, pero en TypeScript, find podría devolver indefinido, lo que significa que la matriz resultante tendrá propiedades posiblemente indefinidas.
interface Person = { id: number; state: string; name: string; age: number; }; interface Stats = { id: number; weight: number; height: number; mobile: number; }; interface Merged extends Person, Stats {} Considere usar find() as Stats si sabe que las matrices contienen los datos o desea ignorar que es posible que no se encuentre la identificación.
Una sola línea y por el bien de los paréntesis, puede crear un IIFE que envuelva el objeto:
abc.map(x => ({ ...x, ...(({ mobile, height }) => ({ mobile, height }))(xyz.find(y => x.id === y.id)) })); Básicamente, propagamos x , lo que ya está haciendo, luego propagamos un IIFE con parámetros desestructurados para devolver solo los datos que queremos, pasando nuestros resultados de find() como argumentos.