[React, Javascript] 알면 좋은 ES6 문법

Object shorthand assignment

key 값과 value에 들어갈 변수명이 동일한 경우 축약 가능

let name="yuja"
let age= 20

let me ={
name: name,
age: age
}

let me ={
name,
age
} // me 값이 같은 값이 나온다

Destructuring

객체& 배열 에서 사용 가능

let me = {
name: "yuja",
age: 20
}

let {name, age} = me
--------------------
let array= [1,2,3,4]
let [a,b,...rest]= array
console.log(rest) // [3,4]

Spread

객체의 주소값을 복사하는 방법 (객체& 배열)

let me = {
name: "yuja",
age: 20
}

let me2= {...me}
console.log(me2) // me 객체가 복제됨, 실제로 객체를 하나 더 생성함

let me3= me //객체의 주소값만 복사, 객체를 참조하는 변수를 하나 더 생성

me==me3// true
me==me2// false

응용

let me2= {...me, address:"집"} //추가 가능

let me2= {...me, name: "zzang"} // name 수정