[JavaScript]ES6 배열&객체의 할당

✅ 할당

코드를 간결하게 쓰고, 중복을 줄일수 있는것은 너무 중요하다.
ES6에서는 어떻게 편리하게 쓸까

array의 경우
배열의 일부만 가져와 변수에 담을경우 밑 4줄의 코드를 작성해야함

const fruits = ['apple','banana','coconut','grape']
const first = fruits[0];
const second = fruits[1];
console.log(first,second); // 'apple','banana'

배열의 값을 불러와 각각 할당을 해야했다.
ES6에서 할당을 할때는 2줄의 코드로 줄었다. 아주 놀랍다

const [first, second] = fruits;
console.log(first,second); // 'apple' , 'banana'

---

object

• 기존할당

const user = { name: 'john' , age: 24 , live: 'Busan'};
const name = user.name;
const live = user.live;
console.log(name, live); // 'john' , 'Busan'

• 바뀐할당

const {name, live} = user; 
console.log(name, live); // 'john' , 'Busan'

객체 key 값과 다른 변수 이름을 선언할 수 있다.

const {name: firstName, live: City} = user;  // const {key:작명}
console.log(firstName, City); // 'john' , 'Busan'