초간단 ES6 문법정리

KHW·2022년 4월 27일
0

Javascript 지식쌓기

목록 보기
90/95

주제

  1. Rest 파라미터
  2. 스프레드 문법
  3. 구조분해할당

Rest 파라미터

... 을 통해 뭉친 배열을 얻고자 할 때 사용
=> 매개변수를 합친 배열로 얻고자 할 때

const sum=(...args)=>console.log(args,'는 배열이다')
sum(1,2,3)
// [1, 2, 3] '는 배열이다'

스프레드 문법

말 그대로 ...을 통해 필요한 각각의 값을 얻고자 할 때
=> 배열을 통해 분리된 (spread) 값 얻기

const arr = [1,2,3]
console.log('내가 얻고자 한건 각각 분리된',...arr)
// 내가 얻고자 한건 각각 분리된 1 2 3

구조분해할당

구조를 파괴(분해)하여 1개 이상의 변수에 개별적으로 할당하는것

const [a,b,c] = [1,2,3]
console.log(a,b,c)
// 1 2 3

Rest 요소

배열에서 구조분해할당을 ... 사용할 때

const [a,b,...c] = [1,2,3,4,5,6]
console.log(c)
// [3, 4, 5, 6]

Rest 프로퍼티

객체에서 구조분해할당을 ... 사용할 때

const {a,b,...c} = {a:1,b:2,c:3,d:4}
console.log(a,b,c)
// 1 2 {c: 3, d: 4}
profile
나의 하루를 가능한 기억하고 즐기고 후회하지말자

0개의 댓글