배열

• 배열생성 방식
  1. 배열 리터럴
  2. Array 생성자 함수
  3. Array.of, Array.from 메서드
  • Array.of() - 전달된 인수를 요소로 갖는 배열 생성
  • Array.from - 유사배열객체, 이터러블 객체를 인수로 받아 배열로 변환

배열 메서드

원본배열을 직접 변경하는 메서드

• .push() -> 성능에 별로 좋지 않음 => length 프로퍼티로 배열의 마지막 요소 추가가능(1개일 경우)
• .pop() -> 마지막 요소 제거, 제거한 요소 반환
  => push, pop을 사용하면 스택 구조 쉽게 구현(후입선출)
• unshift() -> 배열의 앞에 추가하고 length 프로퍼티 반환
• shift() -> 배열의 첫 번째 요소 제거하고 제거한 요소 반환
  => push와 shift를 사용하면 queue 쉽게 구현 가능(선입선출)
• splice() -> 배열 중간의 요소를 추가하거나 제거
  • splice(start, deleteCount, items)
    새로운 배열을 생성하여 반환하는 메서드
• .concat() -> 마지막 요소로 추가한 새로운 배열 반환
• .slice() -> 인수로 전달된 범위의 요소들을 복사하여 배열로 반환
  • 인수 없이 상요시 얕은 복사 가능
  • 유사배열객체를 배열로 변환 가능
• .reverse() -> 원본 배열의 순서를 반대로 뒤집음
• .fill() -> 인수로 받은 값을 배열의 처음터 끝까지 반환
• .join() -> 원본 배열의 요소를 문자열로 변환 후, 구분자로 연결한 문자열 반환
  • 인수로 받는 구분자 생략시 기본 구분자는 콤마

배열 고차 함수

고차함수 - 함수를 인수로 전달받거나 함수를 반환하는 함수

• 함수형 프로그래밍 최고! - 반복문 조건문의 복잡성을 제거하고 데이터 불변성 지향

  • sort()

    • 유니코드 포인트의 순서를 따름! -> 10이 2보다 빠른 순서
    • 일시적으로 문자열로 변환 후 유니코드 순으로 정렬
      => 비교함수를 통해 정렬! - 비교함수는 음수, 0, 양수 반환
      • 양수 -> 첫번째 인수부터, 0 -> 정렬X, 음수 -> 두번째 인수부터
    • 객체를 요소로 갖는 배열도 정렬 가능!

  • forEach()

    • 반복문을 총해 배열 순회하면서 콜백 함수를 받아 반복 호출하여 처리
    • 3개의 콜백함수 인수를 전달 1. 요소값, 2. 인덱스, 3. this
    • 배열의 요소 모두 순회, 중간에 순회를 멈출 수 없음
    • 순회시 희소배열은 제외
    • 언제나 undefined를 반환

  • map()

    • 배열의 모든 요소 순회 -> 콜백 함수 실행 -> 새로운 배열 반환
    • 요소값을 다른 값으로 매핑할 때 쓰임!
    • this 값을 따로 받을 수 있음 보통 화살표함수로 this 인수 전달을 생략함

  • filter()

    • 콜백함수 반환값이 true인 요소만 새로운 배열로 반환
    • 배열에서 특정 요소를 제거하기 위해 사용하기도 함! -> 중복된 요소 모두 제거됨
    • 특정 요소만 제거 -> indexOf로 인덱스 찾고 splice로 제거

  • reduce()

    • 콜백 함수의 반환값을 다음 순회 시 첫 번째 인수로 전달하면서 결국 하나의 결과값 반환
    • reduce(콜백함수(누적값, 요소값, 현재인덱스, 호출한배열), 누적값의 초기값.)

  중복요소 제거

  • reduce()
  • filter()
  • Set

  • some()

    • 콜백 함수의 반환값이 단 하나라도 참이면 true 반환

  • every()

    • 콜백 함수 반환값이 모두 참이면 true 반환

  • find()

    • 콜백 함수 반환값이 true인 첫번째 요소 반환 없으면 undefined
    • 반환값이 해당 요소의 값 꼭 배열이 아님

  • findIndex()

    • 콜백 함수 반환값이 true인 첫번째 요소 인덱스 반환 없으면 -1

28장: Number

new Number의 인수는 number 래퍼객체가 생성됨

• 래퍼객체: 문자열, 숫자, 불리언 값에 대해 객체처럼 접근하면 생성되는 임시객체

• Number로 인수의 값은 숫자로 강제변환되어 [[NumberData]] 슬롯에 할당된 Number 래퍼객체가 생성

Number 프로퍼티

• Number.EPSILON
  • 1과 1보다 큰 숫자 중에서 가장 작은 숫자와의 차이

  • 부동소수점: 실수를 컴퓨터상에서 근사하여 표현하는 방식

메서드

• Number.isNaN -> 암묵적 타입변환(X)
• .isNaN -> 암묵적 타입변환(O, 인수를 숫자로 바꿈)
• Number.toExponential -> 숫자를 지수표기법으로 문자열로 반환
• 숫자뒤에 '.' 의 의미
  • 부동소수점
  • 소수 구분 기호
    => 괄호나 공백 뒤 .을 입력