😁Creando Variables de Array y Objetos 😉 otros lo llamaran Destructuración

1908

Iniciemos con los Arrays,
si nuestro desarrollo nos exige que llevemos a variables independientes los elementos de un array, para usarlo en alguna función, para imprimirla, etc tenemos una forma espectacular de hacerlo ahí va:

let miArray=['lunes','martes','miercoles'];
   let[dia1, dia2, dia3]=miArray;
    console.log(dia1);  //retorna "lunes"console.log(dia2);   //retorna "martes"console.log(dia3); // retorna "miercoles"//

Y que sucedería si de mi arreglo yo solo quiero el primero y el último elemento convertidos a variables 🤔 ahí vamos

let miArray=['lunes','martes','miercoles','jueves','viernes'];

    let[dia1,,,,lastday]=miArray;
    console.log(dia1); // retorna "lunes"console.log(lastday); //retorna "viernes

Observa que hay comas en exceso 😲 , pero obtenemos lo que necesitamos, entonces las comas nos sirven para omitir valores dentro del array y hay tantas comas como posiciones deseamos omitir, obvio excluyendo la de separación de rigor.😉

Ahora queremos solo tener una variable fuera y que los demás elementos entren a un array independiente, 🤓 veamos

let miArray=['lunes','martes','miercoles','jueves','viernes','sabado','domingo'];
  
    let [lu, ma, mi, ju, ...weekend]=miArray;
    console.log(lu);
    console.log(ma);
    console.log(mi);
    console.log(ju);
    console.log(weekend);
    console.log(miArray);

OHH que genial, mira lo que hicimos extrajimos elementos del array inicial sin modificarlo y los que quedaron formaron un nuevo array, ojo se puede extraer de a ubicación que necesites, es cuestión que practiques 😉

Ahora Objetos vamos 😁
Se ha hecho mas sencillo desde ES6, vayamos a los ejemplos;

let zoologico={
    felinos: "Leon",
    equinos: "caballo",
    rodedores: "cuy",
    };

let{felinos, equinos, rodedores}=zoologico;
console.log(felinos);
console.log(equinos);
console.log(rodedores);

También podemos hacerlo cuando los objetos no han sido declarados en una variable 👇

let{felinos, equinos, rodedores}={
    felinos: "Leon",
    equinos: "caballo",
    rodedores: "cuy",
    };
    console.log(equinos);
    console.log(felinos);
    console.log(rodedores);

Y si las declaramos pero no as asignamos aún veamos que sucede;

let zoologico={
    felinos: "Leon",
    equinos: "caballo",
    rodedores: "cuy",
    };
let felinos, equinos, rodedores; // inicializadas
({felinos, equinos, rodedores}= zoologico); // ver bien por acá.console.log(equinos);
    console.log(felinos);
    console.log(rodedores);

Aquí hay algo que puede generar un error en el codigo, a ver que hay de diferente ¿???..muy bien!!! Son los parentesís al asignar el valor. ahh no olvidar el punto y coma, si no puede que se use en una función que antecede. Jejee esto nos puede hacer buscar el error por horas 😉.

que tal si quiero los values de las keys pero quiero poner otros nombres a mis nuevas variables . Se podrá ???

let zoologico={
    felinos: "Leon",
    equinos: "caballo",
    rodedores: "cuy",
    };
let {felinos: gatitos , equinos:patas, rodedores: dientones}=zoologico;
console.log(gatitos);
    console.log(patas);
    console.log(dientones);