A destructuring (destrukturálás) egy JavaScript szintaxis, amely lehetővé teszi objektumok és tömbök elemeinek egyszerű, változókba történő kibontását. Tehát egy objektum vagy tömb elemeit közvetlenül hozzárendelhetjük változókhoz anélkül, hogy külön-külön kellene hivatkoznunk az elemekre. Nézzünk néhány példát!
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
/* Hagyományosan, n-dik tömbelem const hobbi = ["olvasás", "futás", "programozás"]; const elsoHobbi = hobbi[0]; const masodikHobbi = hobbi[1]; const harmadikHobbi = hobbi[2]; console.log(elsoHobbi); // Output: olvasás console.log(masodikHobbi); // Output: futás console.log(harmadikHobbi); // Output: programozás */ // Destructuring const hobbi = ["olvasás", "futás", "programozás"]; const [elsoHobbi, masodikHobbi, harmadikHobbi] = hobbi; console.log(elsoHobbi); // Output: olvasás console.log(masodikHobbi); // Output: futás console.log(harmadikHobbi); // Output: programozás |
Nézzük meg objektum esetében:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
const szemely = { nev: "Teszt Elek", kor: 30, lakcim: { varos: "Gyula", utca: { utcaNev: "Csabai út", hazSzam: 1, }, }, foglalkozas: "Software Engineer", hobbi: ["Olvasás", "Programozás", "Úszás"], }; const { nev, kor, lakcim: { varos, utca: { utcaNev: utcaNev, hazSzam: hazSzam }, }, } = szemely; console.log(nev); console.log(kor); console.log(varos); console.log(utcaNev); console.log(hazSzam); |