Destrukturyzacja parametrów funkcji w JavaScript
Destrukturyzacja ma jeszcze jedno bardzo ważne zastosowanie - przekazywanie parametrów funkcji. Istota polega na tym: jeśli funkcja przyjmuje jako parametr tablicę, możemy bezpośrednio w deklaracji funkcji określić, jak zdestrukturyzować tę tablicę.
Spójrzmy na przykład. Załóżmy, że mamy funkcję, która przyjmuje jako parametr tablicę z rokiem, miesiącem i dniem:
func([2025, 12, 31]);
Wskażmy bezpośrednio w parametrze funkcji, na jakie zmienne należy rozbić tę tablicę:
function func([year, month, day]) {
console.log(year); // wyświetli 2025
console.log(month); // wyświetli 12
console.log(day); // wyświetli 31
}
Powyższą konstrukcję należy traktować jako jeden parametr funkcji. W razie potrzeby można dodać kolejne parametry:
func('str1', [2025, 12, 31], 'str2');
function func(param1, [year, month, day], param2) {
console.log(param1); // wyświetli 'str1'
console.log(year); // wyświetli 2025
console.log(month); // wyświetli 12
console.log(day); // wyświetli 31
console.log(param2); // wyświetli 'str2'
}
A w następnym przykładzie pierwszym i drugim parametrem funkcji przekazywane są tablice i destrukturyzujemy obie z nich:
func([2025, 12, 31], [2026, 11, 30]);
function func([year1, month1, day1], [year2, month2, day2]) {
console.log(year1); // wyświetli 2025
console.log(month1); // wyświetli 12
console.log(day1); // wyświetli 31
console.log(year2); // wyświetli 2026
console.log(month2); // wyświetli 11
console.log(day2); // wyświetli 30
}
Przerób następujący kod używając destrukturyzacji zgodnie z poznaną teorią:
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] );
Przerób następujący kod używając destrukturyzacji zgodnie z poznaną teorią:
function func(employee) {
let name = employee[0];
let surname = employee[1];
let info = employee[2];
}
func( ['John', 'Smit', 'development', 'programmer', 2000] );
Przerób następujący kod używając destrukturyzacji zgodnie z poznaną teorią:
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'] );
Przerób następujący kod używając destrukturyzacji zgodnie z poznaną teorią:
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] );