¿Estoy experimentando con cómo fusionar dos variables y es un objeto?
He intentado con esto que parece funcionar:
let data1 = { data1: "data1" } let data2 = { data2: "data2" } const items = { ...(data1 && typeof data1 === 'object' && { ...data1 }), ...(data2 && typeof data2 === 'object' && { ...data2 }), } console.log(items);¿Esto es bueno o a menos que esté complicando demasiado esto?
...si existe la variable...
Si quiere decir que, literalmente, es posible que la variable no se declare, entonces debe mover el control typeof al frente para evitar intentar leer el valor de una variable no declarada. También puede aprovechar el hecho de que difundir undefined , null o un valor booleano (como false ) no hace nada (incluso no provoca un error).
Aquí agregué un data3 que no existe para mostrar esa parte en acción:
let data1 = { data1: "data1", }; let data2 = { data2: "data2", }; const items = { ...typeof data1 === "object" && data1, ...typeof data2 === "object" && data2, ...typeof data3 === "object" && data3, }; console.log(items); Cómo funciona eso (usando data1 como ejemplo):
typeof data1 === "object" nos dice dos cosas:data1 (lo que significa que podemos leer su valor sin preocuparnos por obtener un ReferenceError para una variable no declarada)data1 es de tipo "object"&& data1 significa que usaremos uno de estos valores con spread:false si typeof data1 === "object" es false , odata1 , que es un objeto o null Difundir null no hace nada, y difundir false no hace nada, por lo que no obtenemos propiedades de esa operación de propagación o obtenemos las propiedades enumerables propias de un objeto al que hace referencia data1 .