본문 바로가기

프론트엔드/HTML, CSS, JS기본

JS 데이터 종류(자료형)

JS 데이터 종류는 String, Number, Boolean, Undefined, Null, Object, Array로 나눠집니다.

 

String

문자 데이터

string형은 2개의 방법으로 표시됩니다.

1. 따옴표  2. 백틱

 

따옴표로 string 자료형 표시

큰 따옴표던 작은 따옴표던 상관 없으나 끝에 세미콜론을 붙여야 합니다.

" 문자 ";

' 문자 ';

 

백틱으로 string 자료형 표시

이 방법은 보간법이라고도 불립니다.

` 문자 ${ 변수 } `

문자 사이에 다른 데이터를 넣으려고 하면 이 방법으로 추천합니다.

다른 데이터는 변수에 할당한 후 ${ }로 감싸줘야 합니다.

변수는 추후 다루겠습니다.

 

Number

숫자 데이터

숫자 데이터는 정수 및 부동소수점 숫자를 모두 표기할 수 있습니다.

 

Boolean

불린 데이터

불린 데이터는 true, false 두 가지 값밖에 없는 논리 데이터입니다.

 

Undefined

Undefined 자료형

변수부분에다 값을 할당하지 않는 상태를 undefined를 출력됩니다.

undefined값이 할당되지 않은 상태를 나타내는 자료형입니다.

 

Null

null 자료형

null 어떤 값이 의도적으로 비어있음을 의미합니다.

위에 undefined와 달리, null자료형은 변수에 null값을 할당해줍니다.

 

Object

object 자료형

object 데이터는 여러 데이터를 key:value 형태로 저장합니다.

 

Array

배열 데이터

array은 여러 데이터를 순차적으로 저장합니다. 

앞뒤는 [ ] 로 감싸고, 데이터 사이에는 , 로 구분합니다.

 

  

'프론트엔드 > HTML, CSS, JS기본' 카테고리의 다른 글

JS 함수, 조건문, 메소드 체이닝  (0) 2023.08.06
JS 변수, 예약어  (0) 2023.08.06
JavaScript 개요  (0) 2023.08.06
CSS 속성(10) - 변환(transform)  (0) 2023.08.04
CSS 속성(9) - 전환(transition)  (0) 2023.08.03