Destrukturalizace parametrů funkcí v JavaScriptu
Destrukturalizace má ještě jednu velmi důležitou oblast použití - předávání parametrů funkcím. Podstata je následující: pokud funkce přijímá jako parametr pole, můžeme přímo v deklaraci funkce určit, jak destrukturalizovat toto pole.
Podívejme se na příklad. Předpokládejme, že máme funkci, která jako parametr přijímá pole s rokem, měsícem a dnem:
func([2025, 12, 31]);
Pojďme přímo v parametru funkce určit, na jaké proměnné by se toto pole mělo rozdělit:
function func([year, month, day]) {
console.log(year); // vypíše 2025
console.log(month); // vypíše 12
console.log(day); // vypíše 31
}
Výše uvedenou konstrukci je třeba chápat jako jeden parametr funkce. V případě potřeby lze přidat další parametry:
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'
}
A v následujícím příkladu jsou první a druhý parametr funkce předávány jako pole a my destrukturalizujeme obě:
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
}
Přepracujte následující kód pomocí destrukturalizace podle probrané teorie:
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] );
Přepracujte následující kód pomocí destrukturalizace podle probrané teorie:
function func(employee) {
let name = employee[0];
let surname = employee[1];
let info = employee[2];
}
func( ['John', 'Smit', 'development', 'programmer', 2000] );
Přepracujte následující kód pomocí destrukturalizace podle probrané teorie:
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'] );
Přepracujte následující kód pomocí destrukturalizace podle probrané teorie:
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] );