원시 자료형(primitive data type)

• 값 하나만 담는 단순 자료형
• 값 자체에 대한 변경이 불가능(immutable), 변수에 다른 데이터를 할당 가능
• 종류
  • number : 숫자 자료형, 정수와 실수의 구분이 없음
  • string : 문자 자료형, ‘’, “”, `` 둘러싸인 텍스트 데이터
  • boolean : 참 또는 거짓을 나타냄
  • null : 값이 비어있음을 의도적으로 부여
  • undefined : 값이 부여되지 않은 상태
  • symbol : ES6에서 새롭게 추가된 변경 불가능한 원시 타입의 값으로 이름의 충돌 위험이 없는 유일한 객체의 프로퍼티 키(property key)를 만들기 위해 사용

참조 자료형(Reference data type)

• 원시 자료형이 아닌 모든 것들
• 여러 데이터를 담는 자료형
• 값 자체에 대한 변경이 가능(mutable), 변수에 다른 데이터를 할당 가능
• 참조 자료형의 데이터는 heap이라고 부르는 별도의 데이터 보관함에 저장되고, 변수에는 데이터가 저장된 메모리 상의 주소가 저장
• 종류
  • array
  • object
  • function
  • map : 키-값 쌍과 키의 원래 삽입 순서를 기억, 모든 값(객체 및 원시 값 모두)은 키 또는 값으로 사용
  • set : 중복되지 않는 유일한 값들의 집합

원시타입 vs 참조타입

• 값 복사 결과 비교

  • 원시 타입 : 값에 의한 복사

  • 값 자체를 복사

    let number1 = 1;
    number2 = number1;
    number2 = 2;
    
    console.log(number1, number2);
    

    

  • 참조 타입 : 참조에 의한 복사

  • 참조하는 주소 값을 복사

    const obj1 = {
      num: 1,
      str: 'ABC',
      bool: true
    };
    
    const obj2 = obj1;
    
    obj2.num = 2;
    
    console.log(obj1, obj2);
    

    

자바스크립트는 동적 타입을 가진 언어

• 특정 값이 할당된 변수에 그와 다른 자료형의 값을 할당 가능
• 자유롭고 유연하지만 자료형 관련 오류가 발생할 수 있음