Creo que hay una manera elegante de hacer esto (tal vez usando la desestructuración), pero estoy perplejo hasta ahora. Me gustaría asignar algunas de las claves y valores de un objeto a otro, condicionalmente en función de un valor booleano.
function bigObject() { return { /* an object with lots of keys and values, lots */ } } function myFunction(aBool) { // I want smallObject to be either empty or contain a subset of bigObject, based on aBool // here's where I am stuck let smallObject = aBool ? { keyA, keyB } = bigObject() : {}; } JS se queja de que keyA es un error de referencia, y puedo ver cómo, incluso si tuviera este derecho, terminaría creando variables keyA y keyB , no smallObject como quiero.
Sé que puedo hacerlo:
let smallObject = {}; if (aBool) { let bigObject = bigObject(); smallObject.keyA = bigObject.keyA; smallObject.keyB = bigObject.keyB; smallObject.keyC = bigObject.keyC; // 5 of these }Pero seguro que hay muchas cosas para escribir cuando creo que hay una manera en que puedo escribir solo los nombres de los accesorios.
No es un problema usar variables temporales de desestructuración. Simplemente utilícelos nuevamente para construir el objeto de destino. Si lo desea en una expresión, puede usar una función en línea que realiza la desestructuración en sus variables de parámetro y luego devuelve el nuevo objeto:
let smallObject = aBool ? ( ({ keyA, keyB }) => ({ keyA, keyB }) ) (bigObject()) : {}; const bigObject = () => ({ keyA: 1, keyB: 2, keyC: 3, keyD: 4}); let aBool = true; let smallObject = aBool ? ( ({ keyA, keyB }) => ({ keyA, keyB }) ) (bigObject()) : {}; console.log(smallObject);Podría usar un IIFE que devuelve un objeto desestructurado.
const bigObject = { keyA: 'a', keyB: 'b', keyC: 'c', }; const getObj = (aBool) => aBool ? (({ keyA, keyB }) => ({ keyA, keyB }))(bigObject) : {}; console.log(getObj(true));O podría escribir su propia función de "desplume" para devolver un nuevo objeto basado en el original:
const bigObject = { keyA: 'a', keyB: 'b', keyC: 'c', }; const pluck = (obj, callback) => callback(obj); const getObj = (aBool) => aBool ? pluck(bigObject, ({ keyA, keyB }) => ({ keyA, keyB })) : {}; console.log(getObj(true));Opción 1
if (aBool) smallObject = { ...smallObject, ...bigObject};opcion 2
if (aBool) { Object.entries(bigObject).forEach(([key, value]) => smallObject[key] = value); }