⊗jsPmDstFP 311 of 505 menu

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] );
Polski
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Wykorzystujemy pliki cookie do działania strony, analizy i personalizacji. Przetwarzanie danych odbywa się zgodnie z Polityką prywatności.
zaakceptuj wszystkie dostosuj odrzuć