29장: Math

• 수학적인 상수와 함수를 위한 정적 메서드와 정적 프로퍼티 제공, 생성자함수X

Math 메서드

• Math.random()
  • 0에서 1미만의 난수
• Math.pow()
  • Math.pow(2, 3) => 2의 세제곱 반환
• Math.Max()
  • Math.max(...[1, 2, 3]) // 배열일 때는 스프레드 연산자 활용

30장: Date

• 날짜와 시간을 위한 메서드를 제공하는 빌트인 객체 && 생성자함수

  Date 생성자 함수로 Date 객체 생성

1. new Date() -> 현재 날짜와 시간을 가진 Date 객체 반환
2. Date() -> 현재 날짜와 시간을 문자열로 반환(Date 객체X)
3. new Date(dateString) -> 날짜 시간을 나타내는 문자열을 Date 객체로 반환
4. new Date(year, month, [daty, hour ...]) -> 입력한 값에 맞는 Date 객체 반환

31장: RegExp

정규표현식 -> 패턴 매칭기능 제공, 일정 패턴을 가진 문자열의 집합을 표현하기 위해 사용하는 형식 언어

• 패턴과 플래그로 구성

• 정규 표현식 생성

  1. 정규 표현식 리터럴 -> const = regexp = /JS/gi
  2. RegExp 생성자 함수 -> new RegExp(pattern, [,flag])

• 패턴

  • .
  • {m, n}
  • |
  • [^]
  • $
  • ^[]

32장: String

• new 연산자와 함께 호출시 -> string 래퍼객체 생성됨

  • length 프로퍼티가지고 이터러블함

• String 메서드

  • 원본 String 래퍼객체를 변경하는 메서드 없음
  • 왜냐하면 변경된 Stirng 래퍼 객체를 다시 문자열로 돌릴 때 원본 문자열이 변경되기 때문에

  공백문자 제거

  • String.prototype.replace 메서드
    -> 정규표현식을 인수로 사용하여 공백 문자 제거 가능
  • .trimStart, .trimEnd
    -> 앞뒤 공백문자 제거됨

  replace의 두번째 인수

  • 두번째 인수의 함수를 넣어 첫번째 인수로 인한 결과값을 그 함수의 인자로 넣을 수 있음!

33장: Symbol

• 심벌(symbol): 변경 불가능한 원시 타입
• 주로 유일한 프로퍼티 키를 만드려고 사용
• symbol() 함수를 통해서만 생성가능(생성자함수X)

34장: 이터러블

• 순회 가능한 데이터 컬렉션을 이터레이션 프로토콜을 준수하는 이터러블로 통일 시킴
  -> for ...of, 스프레드 문법, 배열 구조분해할당 가능

• 이터러블

  1. Symbol.iterator
  2. 프로토타입 체인으로 상속 받은 객체

• 이터레이터

  • Symbol.iterator 메서드 호출 -> 이터레이터 반환(next 메서드 가짐)
  • next 메서드는 포인터 역할을 하며, result 객체를 반환함
  • next는 value와 done 프로퍼티를 가짐
    • value는 현재 순회중인 이터러블 값
    • done은 순회 완료 여부

• 빌트인 이터러블

  • Array
  • String
  • Map
  • Set
  • DOM 컬렉션
  • arguments
  • TypedArray

• for ...of

  • 이터러블을 순회하며 요소 변수에 할당
  • next 메서드가 반환하는 value 값을 변수에 할당
  • done이 true이면 순회 종료

• 유사배열객체는 이터러블 ?!

  • 유사배열객체 -> 인덱스로 프로퍼티 접근 & length 프로퍼티 갖는 객체
  • 기본적으로 유사배열객체는 객체이므로 이터러블X, for ..of 사용X
  • but argumnets, NodeList, HTMLCollection 은 이터러블이면서 유사배열객체
  • 유사배열객체이지만 이터러블이 아닌 것은 Array.from을 통해 배열로 변환 가능

• 이터레이션 프로토콜

  • 데이터 소비자가 데이터를 일률적이고 효율적으로 사용할 수 있게 해줌(통일된 규약이 있기 때문에)

• 무한 이터러블, 지연 평가

  • 무한 이터러블로 무한 수열 구현 가능
  • 지연평가 -> 데이터 로직만 먼저 구현하고 데이터 필요시 그때서야 생성
    • next 메서드를 호출하지 않으면 데이터 생성하지 않음
    • 실행속도 빠르고 메모리 낭비 줄임

35장: 스프레드 문법(...)

• 뭉쳐 있는 값들을 펼쳐서 개별 목록을 만들어줌
• 이터러블이면 사용 가능!(일반 객체는X)
• 스프레드 문법의 결과는 값이 아니기 때문에 변수 할당X

어디서 사용?

1. 함수 호출문의 인수 목록

• 예시

  const arr = [1, 2, 3]
  const max = Math.max(...arr)
  
  function foo(...rest) {
    console.log(rest) /// [1, 2, 3]
  }
  foo(...[1, 2, 3])

• Rest 파라미터 -> 인수 목록을 배열로 전달

• 스프레드 문법 -> 뭉쳐 있는 배열을 목록으로 만듦

2. 배열 리터럴의 요소 목록

• concat, splice(요소 추가, 제거), 배열 복사, 이터러블을 배열로 변환
  • 이터러블X 유사배열객체 -> 스프레드 사용X -> Array.from()
  • 이터러블O 유사배열객체 -> 스프레드 사용O(arguments)

3. 객체 리터럴의 프로퍼티 목록

• 새로 제안된 스프레드 프로퍼티 -> 일반객체도 스프레드 문법 적용O

36장: 디스트럭처링 할당

• 이터러블 또는 객체를 1개 이상의 변수에 개별적으로 할당
• 즉, 원하는 값만 추출해서 쓸 수 가 있음!

배열 디스트럭처링 할당

• 할당 기준은 배열의 인덱스! -> 순서대로 할당됨!
• 요소 개수 상관X
• 변수에 기본값 설정 가능!
  const [one = 1, two, three] = arr

객체 디스트럭처링 할당

• 할당 기준은 프로퍼티 키! -> 순서 의미X
• 변수에 기본값 설정 가능!
• 함수에 매개변수에도 가능

  const user = { firstName: 'Elon', lastName: 'Musk' }
  const { lastName, firstName } = user