ES6에 스프레드(spread)문법이 추가 되었습니다. 이 문법은 Spread Operator(스프레드 연산자, 전개 구문, 펼침 연산자 등)라고 하는데, 배열이나 문자열 같이 반복이 가능한 문자를 0개 이상의 인수(피라미터, 함수로 호출시) 또는 요소 (배열 리터럴의 경우)로 확장할 수 있습니다.
간단한 예를 들면 다음과 같은 표현을 들 수 있습니다.
var arr1 = [1, 2, 3, 4, 5];
var arr2 = [...arr1, 6, 7, 8, 9];
console.log(arr2); // [1, 2, 3, 4, 5, 6, 7, 8, 9]
var str1 = 'paper block';
var str2 = [...str1]
console.log(str2); // ["p", "a", "p", "e", "r", " ", "b", "l", "o", "c", "k"]
화살표 함수 표현은 전통적인 함수표현의 간편한 대안입니다. 하지만, 화살표 함수는 몇가지 제한점이 있고 모든 상황에 사용할 수 없습니다.
const materials = [
'Hydrogen'.
'Helium',
'Lithium',
'Beryllium'
];
console.log(materials.map(material => material.length));
// Array [8, 6, 7, 9]
이렇게 작성하며, 코드나 매개변수가 하나 뿐인 경우 괄호하지 않아도 됩니다.
(singleParam) => {statements}
singleParam => { statements }
spread 참고 https://paperblock.tistory.com/62
화살표 함수 참고 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Functions/Arrow_functions