자바스크립트 구조화

구조화?

Destructuring을 어디에 적용할 수 있습니까?

1. 어레이 구조화

const weekdays = [Monday, Tuesday, Wednesday, Thursday, Friday, Saturday, Sunday]
const oceans = ['Arctic Ocean','North Atlantic Ocean',
'South Atlantic Ocean','Indian Ocean','North Pacific Ocean',
'South Pacific Ocean','Southern Ocean']

const weekdays = [Monday, Tuesday, Wednesday, Thursday, Friday, Saturday, Sunday]
let mon = weekdays[0];
let tue = weekdays[1];
let wed = weekdays[2];
console.log(mon, tue, wed) // Monday, Tuesday, Wednesday

const oceans = ['Arctic Ocean','North Atlantic Ocean',
'South Atlantic Ocean','Indian Ocean','North Pacific Ocean',
'South Pacific Ocean','Southern Ocean']

const [ocean1, ocean2, ocean3] = oceans
console.log(ocean1, ocean2, ocean3) // Arctic Ocean,North Atlantic Ocean,South Atlantic Ocean

2. 객체 분해

1. Using the Dot ( . ) 

const myCar = {
    make: 'Ford',
    model: 'Mustang',
    year: 1969,
    color: 'Black'
};


let manufacturer = myCar.make;
let model = myCar.model;

console.log(manufacturer, model) // Ford, Mustang

2. With Angle bracket Object[key_name]

let year = myCar[year]
let color = myCar[color]

console.log(year, color) // 1969, Black

const myCar = {
    make: 'Ford',
    model: 'Mustang',
    year: 1969,
    color: 'Black'
};

let {manufacturer, model, year, color } = myCar
console.log(manufacturer, model year, color) // Ford, Mustang, 1969, Black