condition ? true인 경우 : false인 경우
condition부분이 true이면 2항째가 실행되고, false면 3항째가 실행된다고 볼 수 있다.
구조분해할당 : Destructuring
De + Structure + ~ing
"구조를 분해하여 할당"
배열이나 객체의 속성을 분해해서 그 값을 변수에 담을 수 있게 해주는 문법
const name = "nbc";
const age = 30;
const obj = {name, age}
console.log(obj);
>{name : "nbc", age : 30}
console.log(name)
> "nbc"
let arr = [1,2,3]
let newArr = [...arr, 4]
push() 메소드로도 똑같은 작업을 할 수 있지만 es6에 추가된 이 문법으로 같은 작업을 보다 직관적으로 수행할 수 있다. 배열을 풀어헤쳐(전개하여) 요소 하나하나마다 적용시키겠다는 의미. 똑같은 작업을 객체에도 적용할 수 있다.
let user = {name : "nbc", age : 30}
let user2 = {...user, birth : 1990}
function exampleFunc(a,b,c, ...args) {
console.log(a,b,c)
console.log(...args)
}
exampleFunc(1,2,3,4,5,6,7)
>1 2 3
4 5 6 7
이렇게 매개변수가 몇개 들어올지 알 수 없을 때 나머지 매개변수 문법을 활용하여 대처할 수 있다.
여러 줄로 이뤄진 문자열과 문자 보간기능을 사용하게 만들어주는 문자열 리터럴 표현식이다.
백틱(`)
과 ${}
로 표현한다.