JS 문법 종합반 2주차 - 삼항연산자, 구조분해할당, 전개구문, 나머지 매개변수

최재홍·2023년 4월 4일
0

삼항연산자

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"

전개구문(spread operator)

let arr = [1,2,3]
let newArr = [...arr, 4]

push() 메소드로도 똑같은 작업을 할 수 있지만 es6에 추가된 이 문법으로 같은 작업을 보다 직관적으로 수행할 수 있다. 배열을 풀어헤쳐(전개하여) 요소 하나하나마다 적용시키겠다는 의미. 똑같은 작업을 객체에도 적용할 수 있다.

let user = {name : "nbc", age : 30}
let user2 = {...user, birth : 1990}

나머지 매개변수(rest parameter)

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

이렇게 매개변수가 몇개 들어올지 알 수 없을 때 나머지 매개변수 문법을 활용하여 대처할 수 있다.

템플릿 리터럴(Template literals)

여러 줄로 이뤄진 문자열과 문자 보간기능을 사용하게 만들어주는 문자열 리터럴 표현식이다.
백틱(`)${}로 표현한다.

0개의 댓글