자바스크립트 ES6 문법 핵심 요약 1

ES6 문법 핵심 요약

변수 선언

• var는 전역변수 let은 지역변수처럼 사용
• let은 지역범위 내에서 재할당이 가능하다.
• 이벤트 함수 외부에 let을 사용하면 함수 내에서도 참조하여 사용 가능하다.
• const는 전역변수로 사용되지만 재할당은 불가능하다.
• const와 let 변수만을 정의하여 사용하는 것이 좋다.
• const사용 시 배열과 객체의 값을 변경하는 것은 가능하다.
• concat메소드는 값을 추가하여 배열을 복제하며 새로운 배열을 선언해야 한다.

문자열

• 문자열.startsWith(‘문자’) - 문자열의 시작이 일치하는지 체크
• 문자열.endsWith(‘문자’) - 문자열의 끝이 일치하는지 체크
• 문자열.includes(‘문자’) - 문자열이 문자열 또는 배열에 포함되었는지 체크

배열

• for in 방식은 array.prototype에 선언된 함수도 같이 표현되는 문제가 있어서 잘 사용하지 않는다.
• for of(for let value of data) 순회방식을 통한 for문을 사용할 수 있다. 문자의 순회도 가능하다.
• [...배열] 을 사용하면 배열의 대괄호를 없애고 복사를 한다. 새로운 배열을 선언해야 한다.
• 함수.apply(null, 배열)의 기존 방식에서 함수(...배열)로 간단히 사용할 수 있다.
• Array.from(배열)을 활용하여 쉽게 배열을 복사할 수 있다.
• 배열.filter(조건함수)를 사용하여 조건부로 필터링된 배열을 생성할 수 있다.

Destructing 배열

• 함수 객체 선언 시 함수의 return 값에 key(return {a,b,c})만 선언하여도 객체로 선언 가능하다.
• let [a,,b] = 배열 선언시 해당 배열 위치의 값이 a,b 변수에 선언되어 사용이 가능해진다.
• let {key} = object 를 선언하면 object의 일치하는 key값의 value가 할당된다.
• let {key:변수} = object 를 선언하면 해당 key에 매핑한 변수에 object의 value가 할당된다.