🟠 Object shorthand assignment
↓ 기존방식
let name = 'haeun'
let age = '29'
let person = {
name: name,
age: age,
}
console.log(person)↓ console창에 찍히는 결과
{ name:'haeun',age:29 }↓ shorthand 사용방식 = key와 value의 값이 일치할 때 shorthand 방식을 쓸 수 있다.
let name = 'haeun'
let age = '29'
let person = {
name,
age,
}Destructuring
↓ 기존방식
let person = {
name: 'haeun',
age: 20,
}
let name = person.name
let age = person['age']
console.log(name, age)↓ console창에 찍히는 결과
haeun 20↓ destructuring방식 = 객체를 분해해서 값을 가져옴
let person = {
name: 'haeun',
age: 20,
}
//destructuring방식 = 객체를 분해해서 값을 가져옴
let { name, age } = person
console.log(name, age)
let array = [1, 2, 3, 4]
let [a, b, ...rest] = array
console.log(a, b)
console.log(rest) // = a,b를 제외한 나머지 [3,4]출처 : 코딩알려주는누나 - 👉🏻 리액트 시작 전 모르면 낭패보는 자바스크립트 문법 싹 정리(영상)
