Destrukturalizácia parametrov funkcií v JavaScripte
Destrukturalizácia má ešte jednu veľmi dôležitú oblasť použitia - odovzdávanie parametrov funkcií. Podstata je nasledovná: ak funkcia prijíma ako parameter pole, môžeme priamo v deklarácii funkcie určiť, ako destrukturalizovať toto pole.
Pozrime sa na príklad. Nech máme funkciu, ktorá ako parameter prijíma pole s rokom, mesiacom a dňom:
func([2025, 12, 31]);
V parametri funkcie priamo určme, na aké premenné sa má toto pole rozdeliť:
function func([year, month, day]) {
console.log(year); // vypíše 2025
console.log(month); // vypíše 12
console.log(day); // vypíše 31
}
Na vyššie uvedenú konštrukciu sa treba pozerať ako na jeden parameter funkcie. V prípade potreby je možné pridať ďalšie parametre:
func('str1', [2025, 12, 31], 'str2');
function func(param1, [year, month, day], param2) {
console.log(param1); // vypíše 'str1'
console.log(year); // vypíše 2025
console.log(month); // vypíše 12
console.log(day); // vypíše 31
console.log(param2); // vypíše 'str2'
}
V nasledujúcom príklade sú prvým a druhým parametrom funkcie odovzdávané polia a my destrukturalizujeme obidve:
func([2025, 12, 31], [2026, 11, 30]);
function func([year1, month1, day1], [year2, month2, day2]) {
console.log(year1); // vypíše 2025
console.log(month1); // vypíše 12
console.log(day1); // vypíše 31
console.log(year2); // vypíše 2026
console.log(month2); // vypíše 11
console.log(day2); // vypíše 30
}
Upravte nasledujúci kód pomocou destrukturalizácie podľa naučenej teórie:
function func(employee) {
let name = employee[0];
let surname = employee[1];
let department = employee[2];
let position = employee[3];
let salary = employee[4];
}
func( ['John', 'Smit', 'development', 'programmer', 2000] );
Upravte nasledujúci kód pomocou destrukturalizácie podľa naučenej teórie:
function func(employee) {
let name = employee[0];
let surname = employee[1];
let info = employee[2];
}
func( ['John', 'Smit', 'development', 'programmer', 2000] );
Upravte nasledujúci kód pomocou destrukturalizácie podľa naučenej teórie:
function func(employee) {
let name = employee[0];
let surname = employee[1];
let department = employee[2];
let position;
if (arr[3] !== undefined) {
position = arr[3];
} else {
position = 'junior';
}
}
func( ['John', 'Smit', 'development'] );
Upravte nasledujúci kód pomocou destrukturalizácie podľa naučenej teórie:
function func(department, employee, hired) {
let name = employee[0];
let surname = employee[1];
let year = hired[0];
let month = hired[1];
let day = hired[2];
}
func( 'development', ['John', 'Smit'], [2018, 12, 31] );