Frontend/JS.info 정리

자바스크립트 기본 - 자료형

Creative_Lee 2021. 11. 13. 20:14

자바스크립트에는 8가지 자료형이 있습니다!

 

1. 숫자형

  •   - 정수 및 부동소수점 숫자를 나타냅니다!
  •   - Infinity , -Infinity , NaN 같은 특수 숫자 값 도 포함됩니다

 

1-1. infinity

  • 어떠한 숫자보다 더 큰 값 , 즉 무한대를 나타냅니다.
  • 아무 숫자를 0으로 나누면 Infinity 값을 얻을 수 있습니다.
  • Infinity는 직접 참조할 수 있습니다.      

 

1-2. NaN (Not a Number)

  • 계산중에 에러가 발생했다는 것을 나타내주는 값 입니다. 
  • 부정확하거나 정의되지 않은 연산이 실행되면 NaN을 반환합니다.
  • 자바스크립트에서는 문자열을 숫자로 취급하는 등의 비상식적인 연산이 가능합니다.
    이러한 연산을 하더라도 NaN을 반환할 뿐 에러를 띄우지 않습니다!

2. BigInt

  • 내부의 표현 방식 때문에 특정값보다 크거나 특정값보다 작은 정수는 '숫자형' 으로 나타낼 수 없습니다.
  • BigInt 형은 길이에 상관없이 정수를 나타낼 수 있습니다.
  • 정수 리터럴의 끝에 n을 붙이면 만들 수 있습니다.
    ex) const bigbig = 1000000000000000000000000000000n;

 

3. 문자형

  • 자바스크립트에서는 문자열(string)을 따옴표로 묶습니다. 
  • " , ' , `  차례대로 큰따옴표, 작은따옴표, 백틱
  • 큰,작은 따옴표는 차이가 없고
    백틱( ` ` )을 사용할 땐 문자열 사이에 ${ } 을 사용해서 변수나 표현식을 넣을 수 있습니다.
  • C언어와 자바의 'char'처럼 글자형을 따로 지원하지 않고 문자형만 존재합니다.

 

4. 불리언

  • true 와 false 두 가지 갑을 가지는 자료형 입니다.
  • 각각 긍정과 부정을 나타내는 값을 저장할 때 사용합니다.
  • 값의 비교 결과를 저장할 때에도 사용합니다.

 

5. null

  • 어느 자료형에도 속하지 않는 값입니다. 고유의 자료형을 가집니다.
  • 다른 언어가 null을 존재하지 않는 객체에 대한 참조, null pointer로 사용하는 것과 다르게
    자바스크립트 에서의 null 은 존재하지 않는 값, 비어 있는 값, 알 수 없는 값 으로 사용됩니다!

 

6. undefined

  • 고유의 자료형을 가집니다.
  • 값이 할당되지 않은 상태' 를 나타냅니다.
  • 변수를 선언하고 값을 할당 하지 않았다면 해당 변수에는 undefined가 자동으로 할당됩니다.
  • 변수에 undefined를 직접 할당할 수 있지만 그러지 마시길 바랍니다! ( null이 있으니까요 )

 

7. object(객체)

  • 특수 자료형입니다.
  • 객체는 데이터 컬렉션 or 복잡한 개체를 표현할 수 있습니다.
  • 객체형을 제외한 다른 자료형은 문자or숫자 등 한 가지만 표현할 수 있기 때문에 원시자료형 이라고 불립니다!

 

8.symbol(심볼)

  • 심볼형은 객체의 고유한 식별자를 만들 때 사용합니다!

 


typeof Math 의 값은 'object' 입니다.

Math가 수학연산을 제공하는 내장 객체이기 때문입니다! 

 

typeof null 의 값은 'object' 입니다.

null 은 고유의 자료형을 가지기 때문에 객체가 아니지만 호환성을 위해 수정하지 않았습니다.

오해하지 마세요!

 

typeof alert 의 값은 function 입니다.

function을 출력하지만 function은 자료형이 아닙니다.

function은 객체에 속하지만 호환성을 위해 수정하지 않았습니다.

 

 

 

기본이 중요하다