자바스크립트 자료형 처음 이해에 쉬운 5가지 종류


자바스크립트 숫자형은 정수, 실수를 구분하지 않고 통용해서 처리합니다. 문자형은 문자, 문자열을 구분하지 않으며, 따옴표 사이에 작성합니다. 논리형은 데이터를 true/false로 나타냅니다. undefined 자료형은 메모리 공간이 비어있을 때를 나타냅니다. 비어있다는 표시를 null로 할 때 사용합니다.

자바스크립트 자료형의 변수

자바스크립트의 변수는 자료형을 구분하지 않습니다. 숫자, 문자, 논리값 등을 자유롭게 대입할 수 있습니다.


<script>
  var a;

  a = 1;        //숫자형 대입
  a = 'Hello';  //정수형 대입
  a = true;     //논리형 대입
</script>

자바스크립트의 자료형중에서 사전지식없이 바로 학습할 수 있는 형태에는 숫자형, 문자형, 논리형, null형, undefined형이 있습니다. 객체나 배열 등은 해당 파트에서 다시 학습해봅니다.

자바스크립트 숫자형

숫자 데이터는 가장 기본 자료형중의 하나입니다. 자바스크립트는 정수, 실수 등으로 숫자를 구분하지 않고 통용해서 처리합니다.

var num1 = 0.5;   //실수
var num2 = 3;     //양의 정수
var num3 = -7;    //음의 정수

document.write( num1 + num2 + num3 );

결과

-3.5

자바스크립트 문자형

자바스크립트는 문자(한 글자)와 문자형(두 글자 이상의 단어)를 구분하지 않습니다. 문자형 자료형은 큰 따옴표 또는 작은 따옴표 사이에 작성합니다.


var string1 = "Hello";
var string2 = "World!";

document.write( string1 + string2 );

결과

HelloWorld!

자바스크립트 논리형

JS 논리형(Boolean) 자료형은 참 또는 거짓의 값을 가지는 자료형을 말합니다. 참, 거짓을 직접 입력할 수도 있고, 비교 연산자등에 의해서 자동으로 참/거짓이 판별이 될 수도 있습니다.

var logic1 = true;
var logic2 = false;
var logic3 = 3 > 1;

document.write( logic1, '<br>' );
document.write( logic2, '<br>' );
document.write( logic3, '<br>' );

결과

true
false
true


자바스크립트 undefined 형

프로그래밍에서 데이터는 0과 1의 전기 신호로 메모리의 구리 전선에 정보로 저장됩니다. 변수를 선언한다는 것은 이 메모리의 저장 공간을 확보한 것입니다. 변수값을 대입한다는 것은 확보된 공간에 실제로 데이터를 0과 1로 변환해서 저장합니다.

변수명만 선언을 하고, 변수값이 없다는 것은 메모리에서 공간만 확보가 되고 실제 데이터는 비어있다는 의미입니다. 그런 상태를 자바스크립트에서는 undefined라고 부릅니다.

var empty;

document.write( empty );

결과

undefined

변수값에 undefined라는 키워드를 직접 삽입할 수도 있습니다.

var example;

example = "Hello World!";
example = undefined;

document.write( example );

결과


undefined

자바스크립트 null 형

null 자료형이란 변수에 변수값이 비어있다는 표기를 하기 위한 자료형입니다. undefined형은 정말로 안에 아무 데이터가 없습니다. 하지만 null형은 메모리 안에 null이라는 값이 저장된 상태입니다. 출력하면 null형으로 값이 나옵니다.

var nothing = null;

document.write( nothing );

결과

null

자바스크립트는 이런 기본 자료형 이외의 모든 자료는 객체라는 형태를 가집니다. 객체가 사실상 자바스크립트의 핵심이기 때문에 기본 자료형을 배우는 단계에서 드는 의문들은 일단 스킵하고 빠르게 진도를 나가는 것이 더 중요합니다.