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:

javascriptfunc([2025, 12, 31]);

V parametri funkcie priamo určme, na aké premenné sa má toto pole rozdeliť:

javascriptfunction 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:

javascriptfunc('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:

javascriptfunc([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
}
Задание 1

Upravte nasledujúci kód pomocou destrukturalizácie podľa naučenej teórie:

javascriptfunction 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] );
Задание 2

Upravte nasledujúci kód pomocou destrukturalizácie podľa naučenej teórie:

javascriptfunction func(employee) {
  let name     = employee[0];
  let surname  = employee[1];
  let info     = employee[2];
}

func( ['John', 'Smit', 'development', 'programmer', 2000] );
Задание 3

Upravte nasledujúci kód pomocou destrukturalizácie podľa naučenej teórie:

javascriptfunction 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'] );
Задание 4

Upravte nasledujúci kód pomocou destrukturalizácie podľa naučenej teórie:

javascriptfunction 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] );