본문 바로가기

프론트엔드/Java Script

JavaScript Sec01_3 자료형과 형 변환

  • Primitive Type (원시 타입) / 내장형 타입 / 기본형 타입
    • 값이 중간에 바뀔 수는 있지만, 하나의 순간에는 하나의 값만 가질 수 있다.
    • 하나의 고정된 저장 공간 이용
  • Non - Primitive Type (비원시 타입)
    • 한 번에 여러 개의 값을 가질 수 있다.
    • 여러 개의 고정되지 않은 동적 공간 사용

let number = 12;
//원시타입
let array = [1,2,3,4];
//비원시타입

Primitive Type (원시 타입) 자료형


  • 숫자형
  • 문자형
    • 큰따옴표, 작은따옴표 상관없이 사용 가능
    • 따옴표 뿐 아니라 백틱 (` `)을 이용해서 문자형을 표현할 수도 있음
      • 백틱을 이용하는 이유 ? 템플릿 리터럴을 이용할 수 있음
        • 템플릿 리터럴 : ${ 변수명 } => 문자열 안에 변수의 값을 집어넣을 수 있다.
  • boolean형
    • true / false의 값을 가짐
  • Null형
    • 의도적으로 아무런 값도 갖고 있지 않는다는 걸 나타내기 위해 사용함
  • Undefined형
    • 값을 초기화 하지 않으면 자동으로 console에 undefined 값을 할당 받게 됨

 

형 변환(casting)

 


묵시적 형 변환

  • 자바스크립트 엔진은 서로 다른 자료형 간 연산을 수행 할 때 자동적으로 형 변환을 한다.

 

  • ⇒ 문자형 “2”를 자동으로 숫자형 2로 변환하여 값을 나타낸다.

명시적 형 변환

  • parseInt 함수를 사용하여 문자형을 의도적으로 숫자형으로 변환한다.

  • ⇒ 위는 문자형 (글씨가 흰색), 아래는 숫자형 (글씨가 보라색)

'프론트엔드 > Java Script' 카테고리의 다른 글

JavaScript Sec01_6 함수  (0) 2024.02.19
JavaScript Sec01_5 조건문  (0) 2024.02.19
JavaScript Sec01_4 연산자  (0) 2024.02.19
JavaScript Sec01_2 변수와 상수  (0) 2024.02.19
JavaScript Sec01_1 JavaScript란?  (0) 2024.02.19