Objektien destrukturointi JavaScriptissä
Voimme tehdä myös objektien destrukturointia. Oletetaan esimerkiksi, että meillä on seuraava objekti:
let obj = {
year: 2025,
month: 12,
day: 31,
};
Tehdään sen destrukturointi:
let obj = {
year: 2025,
month: 12,
day: 31,
};
let {year, month, day} = obj;
console.log(year); // tulostaa 2025
console.log(month); // tulostaa 12
console.log(day); // tulostaa 31
Objektien destrukturoinnissa muuttujien nimien täytyy vastata objektin avaimia, muuttujien järjestyksellä ja elementtien järjestyksellä objektissa ei ole merkitystä
Seuraavassa koodissa objektin osat kirjoitetaan vastaaviin muuttujiin:
let options = {
color: 'red',
width: 400,
height: 500,
};
let color = options.color;
let width = options.width;
let height = options.height;
Muokkaa tämä koodi käyttämään destrukturointia opetetun teorian mukaisesti.