Destrukturyzacja obiektów w JavaScript
Można również wykonywać destrukturyzację obiektów. Załóżmy, na przykład, że mamy następujący obiekt:
let obj = {
year: 2025,
month: 12,
day: 31,
};
Wykonajmy jego destrukturyzację:
let obj = {
year: 2025,
month: 12,
day: 31,
};
let {year, month, day} = obj;
console.log(year); // wyświetli 2025
console.log(month); // wyświetli 12
console.log(day); // wyświetli 31
Przy destrukturyzacji obiektów nazwy zmiennych muszą odpowiadać kluczom obiektu, kolejność zmiennych i elementów w obiekcie nie ma znaczenia
W poniższym kodzie części obiektu są zapisywane w odpowiednich zmiennych:
let options = {
color: 'red',
width: 400,
height: 500,
};
let color = options.color;
let width = options.width;
let height = options.height;
Przerób ten kod za pomocą destrukturyzacji zgodnie z poznaną teorią.