본문 바로가기
WebDev/JS-TS

JS(자바스크립트) 자료형(타입)/원시타입에 대해 공부하자!

by S.AHA_dev 2024. 6. 4.
728x90
반응형

자바스크립트도 자료형이 있다.

하지만 덜 엄격하기 때문에 그냥 쓰는 경우가 많은 것 같다.(그래서 타입스크립트가 떴겠지) 

그러므로 알아보자 자바스크립트의 자료형!

오늘은 원시 자료형만!


원시 자료형 (Primitive Types)

원시 자료형은 변경 불가능한 값을 가지며, 다음과 같은 종류가 있다.

  1. 숫자형 (Number)
    1. 숫자형은 정수와 부동 소수점 숫자를 모두 포함
    2. 자바스크립트에서는 정수형과 실수형을 구분하지 않고 모두 `Number` 타입으로 처리한다
    3. 추가로 `Infinity`, `-Infinity`, `NaN` (Not-a-Number)도 `Number` 타입이다.
//숫자 타입
let age = 30;
let price = 19.95;
let infinite = Infinity;
let notANumber = NaN;
  1. 문자열형 (String)
    1. 문자열형은 텍스트 데이터
    2. 작은따옴표(`'`), 큰따옴표(`"`), 백틱(```)으로 문자열을 감쌀 수 있다
    3. 백틱은 템플릿 리터럴 문법이라고 또 다른 사용 방법이 있다.
//문자 타입
let name = "John";
let greeting = 'Hello';
//tab키 위에 있는 물결 표시``
//변수를 안에 넣어 줄수 있다
//연산도 가능
//값은 문자열로 나오게 된다.
let template = `My name is ${name}`;
let ex = `My age is ${30+2}`;
  1. 불리언형 (Boolean)
    1. 불리언형은 `true`와 `false` 두 가지 값만 가지고 있다
    2. 조건문에서 주로 사용됩니다.
//유효하냐? 응!
let isVerified = true;
//액세스됐냐? 아니!
let hasAccess = false;
  1. null
    1. `null`은 값이 없음을 명시적으로 나타내는 자료형(내가 의도적으로 값을 안 넣은거)
//일부러 안넣어 놓고 있다가 나중에 사용할거야!
let emptyValue = null;

 

  1. undefined
    1. `undefined`는 값이 할당되지 않은 변수인데 웬만하면 마주치고 싶지 않은 놈입니다.
//할당 해주세요
let uninitialized;
console.log(uninitialized); // undefined


원시 자료형은 간단한 값을 표현하는 데 사용되고, 매우 매우 기본이니 잘 알아두면 분명히 좋은 곳에 쓰일겁니다.!

 

요약)

숫자, 문자, 불, 널, 언디파인드 가장 기초적인 원시 데이터 타입! 설명은 윗 글 참고!

반응형