코딩을 쉽게 해보자

디스트럭처링 할당)구조 분해 할당)은 구조화된 배열과 같은 이터러블 또는 객체를 destructuring(비구조화, 구조 파괴)하여 1개 이상의 변수에 개별적으로 할당하는 것을 말한다. 배열과 같은 이터러블 또는 객체 리터럴에서 필요한 값만 추출하여 변수에 할당할 때 유용하다. 1. 배열 디스트럭처링 할당 ES5에서 구조화된 배열을 디스트럭처링하여 1개 이상의 변수에 할당하는 방법은 각각 해야 했었다. 배열 디스트럭처링 할당의 대상(할당문의 우변)은 이터러블이어야 하며, 할당 기준은 배열의 인덱스다. 변수에 기보본값을 설정할 수 있고, 기본값보다 할당된 값이 우선한다. Rest 파라미터와 유사하게 Rest 요소 ...을 사용할 수 있다. Rest 요소는 Rest 파라미터와 마찬가지로 반드시 마지막에 위치..

ES6 하나로 뭉쳐 있는 여러 값들의 집합을 펼쳐서 개별적인 값들의 목록으로 만든다. for ... of 문으로 순회할 수 있는 이터러블에 한정된다. 스프레드 문법의 결과물은 값으로 사용할 수 없고 쉼표로 구분한 값의 목록을 사용하는 문맥에서만 사용할 수 있다. 함수 호출문의 인수 목록 배열 리터럴의 요소 목록 객체 리터럴의 프로퍼티 목록 1. 함수 호출문의 인수 목록에서 사용하는 경우 Math.max 2. 배열 리터럴 내부에서 사용하는 경우 스프레드 문법을 배열 리터럴에서 사용하면 ES5에서 사용하는 기존의 방식보다 더욱 간결하고 가독성 좋게 표현할 수 있다. 2-1. concat // ES5 var arr = [1, 2].concat([3, 4]); console.log(arr); // [1, 2, ..

1. 이터레이션 프로토콜 ES6에서 도입된 이터레이션 프로토콜은 순회 가능한 데이터 컬렉션(자료구조)을 만들기 위해 ECMAScript 사양에 정의하여 미리 약속한 규칙이다. ES6 이전에는 통일된 규약 없이 각자 나름의 구조를 가지고 for 문, for ... in 문, forEach 메서드 등 다양한 방법으로 순회할 수 있었다. ES6에서는 순회 가능한 데이터 컬렉션을 이터레이션 프로토콜을 준수하는 이터러블로 통일하여 for ... of 문, 스프레드 문법, 배열 디스트럭처링 할당의 대상으로 사용할 수 있도록 일원화 했다. 이터레이션 프로토콜에는 이터러블 프로토콜과 이터레이터 프로토콜이 있다. 이터러블 프로토콜 이터레이터 프로토콜 1-1. 이터러블 이터러블 프로토콜을 준수한 객체를 이터러블이라 한다...

1. 심벌이란? ES6에서 도입된 7번째 데이터 타입 변경 불가능한 원시 타입의 값 다른 값과 중복되지 않는 유일무이한 값 주로 이름의 충돌 위험이 없는 유일한 프로퍼티 키를 만들기 위해 사용한다. 프로퍼티 키로 사용할 수 있는 값은 빈 문자열을 포함하는 모든 문자열 또는 심벌 값이다. 2. 심벌 값의 생성 2-1. Symbol 함수 외부로 노출되지 않아 확인할 수 없으며, 다른 값과 절대 중복되지 않는 유일무이한 값 new 연산자와 함께 호출 x Symbol 함수에는 선택적으로 문자열을 인수로 전달할 수 있다. 설명으로 디버깅 용도로만 사용되며, 값 생성에 어떠한 영향 X 심벌 값에 대한 설명이 같더라도 생성된 심벌 값은 유일무이한 값이다. 2-2. Symbol.for / Symbol.keyFor 메서..