Set 오브젝트는 Map 오브젝트와 비슷하지만 [key, value]가 아닌 [value]만 작성하는 점이 다릅니다. Map 오브젝트에 Array 기능을 추가한 오브젝트 입니다.

• Set 오브젝트
  • 개요
  • new Set(): Set 인스턴스 생성
  • add(): value 추가
  • has(): value 존재 여부
  • entries(): 이터레이터 오브젝트 생성
  • values(): value 반환 이터레이터 오브젝트 생성
  • keys(): key 반환 이터레이터 오브젝트 생성
  • forEach(): 엘리먼트마다 콜백 함수 호출
  • delete(): 엘리먼트 삭제
  • clear(): 모든 value 지움
  • Symbol.iterator: 이터레이터 오브젝트 생성

• WeakMap 오브젝트

  • 개요
    • GC(Garbage Collection)
  • new WeakMap 인스턴스 생성
  • set(): key, value 설정
  • get(): key가 같은 value 반환
  • has(): key 존재 여부
  • delete(): 엘리먼트 삭제

Map 오브젝트는 Object 오브젝트와 비슷하지만,
다양한 타입을 프로퍼티 키로 사용할 수 있는 점이 다릅니다.

• Map 오브젝트
  • 개요
  • new Map(): Map 인스턴스 생성
  • set(): key와 value 설정
  • get(): key가 같은 value 반환
  • has(): key 존재 여부
  • entries(): 이터레이터 오브젝트 생성
  • keys(): key 반환 이터레이터 오브젝트 생성
  • values(): value 반환 이터레이터 오브젝트 생성
  • forEach(): 엘리먼트마다 콜백 함수 호출
  • delete(): 엘리먼트 삭제
  • clear(): 모든 key,value 지움
  • Symbol.iterator(): 이터레이터 오브젝트 생성

• Symbol 메서드
  • for(): Symbol 값 저장
    • 글로벌(전역) Symbol 레지스트리
    • Symbol의 대표적 사용 형태 세 가지
  • keyFor(): key 값 변환
  • toString(): 문자열로 변환
  • valueOf(): Symbol 프리미티브 값
  • getOwnPropertySymbols(): Symbol 프로퍼티 반환
  • JSON.stringify(): JSON 형태로 변환
    • 주석을 프로퍼티 key 값으로 활용

Symbol 오브젝트의 프로퍼티들을 살펴봅니다.
이 프로퍼티들은 메서드로도 사용할 수 있습니다

• Symbol 프로퍼티
  • Well-Known Symbol
  • toStringTag
    • 클래스의 메서드로 사용
  • isConcatSpreadable
    • Array-like 오브젝트에서 사용
  • unscopable
  • species 개념
  • species
  • 다른 Class 반환
  • null 반환
  • toPrimitive
    • toPrimitive() 파라미터의 세가지 모드(mode)
  • 이터레이터
    • Array.prototype[Symbol.iterator]
    • String.prototype[Symbol.iterator]
    • Object 이터레이션
  • 제너레이터
  • asyncIterator(): 비동기 반복
  • match(): match 결과 반환
  • matchAll()

• Symbol Object
  • primitive
  • Symbol()
  • Symbol 값 변경
  • Symbol 오브젝트 생성
  • 오브젝트에서 Symbol 사용
  • Symbol 사용 형태

Class(클래스)를 완전하게 이해하려면 객체지항 프로그래밍(OOP:Object Oriented Programming)에 대한 이해가 필요합니다.

OOP만 다루는 책이 있을 정도로 범위가 넓고 깊으므로
OOP는 나중에 자세히 다루고 ES6기준으로 살펴봅니다.

• Class 오브젝트
  • Class 선언문
  • Class 표현식
  • Class 특징
    • strict 모드에서 실행
    • 클래스에 메서드 작성 방법
    • prototype에 프로퍼티 연결
    • prototype에 프로퍼티 추가
  • constructor
  • constructor 반환 값 변경
  • getter, setter
  • 상속
  • extends 키워드
  • super 키워드
    • 메서드 오버라이딩
  • 빌트인 오브젝트 상속
  • Object에서 super 사용
  • static 키워드
  • Class 호이스팅
  • computed name
  • this
  • 제너레이터
  • new.target
    • name 프로퍼티
  • 오브젝트 상속

함수를 호출하면 함수 블록의 코드를 한 번에 실행하지만,
제너레이터(Generator)오브젝트는 나누어서 실행할 수 있습니다.

• Generator
  • function* 선언문
  • function* 표현식
  • GeneratorFunction():제너레이터 함수 생성
  • yield: 제너레이터 함수 실행,멈춤
  • next():yield 단위로 실행
  • next() 활용 예제
  • throw(): Error 발생
  • yield* 키워드

ES6에서 Array오브젝트에 9개의 메서드가 추가되었습니다.
추가된 메서드를 살펴봅니다.

• Array 오브젝트
  • from(): Array 오브젝트 생성
  • of(): 배열 엘리먼트 설정
  • copyWithin(): 범위 값 복사, 설정
  • fill(): 범위 값 변경
  • entries(): 이터레이터 오브젝트 생성
  • keys(): key 이터레이터 오브젝트 생성
  • values(): value 이터레이터 오브젝트 생성
  • find(): 엘리먼트 값 비교, 반환
  • findIndex(): 배열 인덱스 반환

템플릿 리터럴(Template Literal)은 문자열 처리를 위한 템플릿을 제공합니다.

1
2
3
4
5

`string`  
`string text line 1  
 string text line 2`  
`string ${expression} string`  
tag `string ${expression} text`