자바스크립트 ES6 문법

ES6은 ECMAScript 6을 의미한다.

변수 선언 : let

상수 선언 : const

<템플릿 리터럴 문법>

키보드에 숫자1옆에 있는 `를 양 끝에 작성하고 파라미터로 받은 value에 대해 ${value} 로 표기해준다.

 

 

<자바스크립트에서의 getter, setter>

 

 

<람다식>

자바스크립트에서 람다식을 활용하면 코드를 간결하게 작성할 수 있고 가독성이 좋다.

 

람다 활용 전

 

람다 활용 후

 

람다식을 활용한 배열안의 요소들에 대해 제곱을 구할시 방법 두가지에 대해 예를 들자면

제곱 구하기(방법 1)

첫번째 방법으로 squared라는 배열을 선언해두고 forEach를 돌려서 squared 배열에 담기게 처리하는 방법과

 

제곱 구하기(방법 2)

두번째 방법으로 동일하게 squared라는 변수를 선언하되 값이 할당되게끔 우측에서 map을 활용하게 되면

결과에 대한 값이 직접적으로 squared 변수에 담기게 된다.

코드가 한결 짧아지고 가독성이 좋아졌다.

첫번째 방법보다는 두번째 방법을 선호한다.

 

 

<forEach, findIndex, find, filter, reduce>

reduce같은 경우는 파라미터에 accumulator, current가 있는데 accumulator는 누적되는 값을 계속 가지고 있고

current는 numbers의 요소가 하나씩 차례대로 담기게 된다.

합계를 비롯한 수식 계산을 할때 유용하게 쓰인다.

 

<스프레드 연산자>

배열끼리 요소들을 합칠 때 스프레드 연산자를 다음과 같이 사용한다.