Front-EndJavaScript

JavaScript ES6 문법 - spread operator

JavaScript

spread operator(...)

copy목적으로 씁니다.
length를 갖고 있는, 즉 순회를 할 수 있는 대상들(배열, 문자열)에 적용가능합니다.

1
2
3
4
5
6
7
8
const defaultColors = ['red', 'green'];
const userFavoriteColors =['yellow', 'orange'];
// ES5
defaultColors.concat(userFavoriteColors); // ["red","green","yellow","orange"]
// ES6
[ ...defaultColors, ...userFavoriteColors, 'blue' ]; // ["red","green","yellow","orange","blue"]

rest parameter와 함께 사용

1
2
3
4
5
6
7
8
function shoppingList(...items){
  if(items.indexOf('milk') < 0){ // milk가 없다면
    return ['milk', ...items]; // ["milk","bread","eggs"] 반환
  }
  return items;
}
shoppingList('bread', 'eggs');

ES6 포스팅

변수선언 let, const
Blocks and IIFEs
Strings 문자열표기법 등
Arrow functions
Class
rest parameter
spread operator
default parameter

Share