Függvényparaméterek destrukturálása JavaScriptben
A destrukturálásnak van egy másik nagyon fontos alkalmazási területe - a függvényparaméterek átadása. A lényeg a következő: ha egy függvény tömböt fogad paraméterként, akkor közvetlenül a függvény deklarációjában megadhatjuk, hogyan kell destrukturálni ezt a tömböt.
Nézzünk egy példát. Tegyük fel, van egy függvényünk, ami paraméterként egy évet, hónapot és napot tartalmazó tömböt fogad:
func([2025, 12, 31]);
Adjuk meg közvetlenül a függvény paraméterében, milyen változókra kell bontani ezt a tömböt:
function func([year, month, day]) {
console.log(year); // kiírja 2025-öt
console.log(month); // kiírja 12-t
console.log(day); // kiírja 31-et
}
Az előző konstrukciót egy függvényparaméterként kell értelmezni. Szükség esetén további paramétereket adhatunk hozzá:
func('str1', [2025, 12, 31], 'str2');
function func(param1, [year, month, day], param2) {
console.log(param1); // kiírja 'str1'-et
console.log(year); // kiírja 2025-öt
console.log(month); // kiírja 12-t
console.log(day); // kiírja 31-et
console.log(param2); // kiírja 'str2'-t
}
A következő példában az első és a második paraméterként tömbök kerülnek átadásra a függvénynek, és mindkettőt destrukturáljuk:
func([2025, 12, 31], [2026, 11, 30]);
function func([year1, month1, day1], [year2, month2, day2]) {
console.log(year1); // kiírja 2025-öt
console.log(month1); // kiírja 12-t
console.log(day1); // kiírja 31-et
console.log(year2); // kiírja 2026-ot
console.log(month2); // kiírja 11-et
console.log(day2); // kiírja 30-at
}
Alakítsa át a következő kódot destrukturálással a tanult elmélet szerint:
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] );
Alakítsa át a következő kódot destrukturálással a tanult elmélet szerint:
function func(employee) {
let name = employee[0];
let surname = employee[1];
let info = employee[2];
}
func( ['John', 'Smit', 'development', 'programmer', 2000] );
Alakítsa át a következő kódot destrukturálással a tanult elmélet szerint:
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'] );
Alakítsa át a következő kódot destrukturálással a tanult elmélet szerint:
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] );