코드랩 레퍼런스

자바스크립트 - 데이터 타입 본문

JAVASCRIPT

자바스크립트 - 데이터 타입

webstoryboy 2018.06.03 20:24
데이터 타입이란 변수에 저장되는 데이터 종류를 말합니다. 변수에는 숫자, 문자, 불린, 함수, 객체, 심벌 등 여러가지 유형을 넣을 수 있습니다.

자바스크립트에서 데이터 타입은 원시 타입과 객체 타입으로 나눌 수 있습니다. 원시 타입은 데이터를 구성하는 가장 기본적인 불변 값이며, 원시타입에 속하지 않는 값은 객체라고 합니다. 객체 타입의 값을 변수에 대입하면 변수에는 그 객체에 대한 메모리가 할당됩니다. 자바스크립트에서는 배열, 함수, 정규 표현식이 객체에 해당됩니다. 심벌은 ECMAScript6에서 새로 추가된 값입니다.

자료형 설명
원시 타입 숫자(Number) 정수와 실수가 있지만, 자바스크립트에서는 정수와 실수를 구분하지 않고 사용할 수 있습니다.
문자열(String) "문자", "string" 처럼 따옴표를 사용한 문자의 집합을 문자열이라고 합니다.
논리(Boolean) 참과 거짓을 나타내는 자료형이며, 오직 true, false로만 표현을 합니다.
특수값(null) null은 아무런 값이 없는 경우를 의미하며, 주로 변수를 초기화할 때 사용합니다.
특수값(undefined) 변수 선언 시 자료형의 지정이 이루어지지 않거나, 어떤 자료형인지 알 수가 없을 경우에 undefined라고 표시가 됩니다.
심볼(symbol) 자기 자신을 제외한 그 어떤 값과도 다른 유일무이한 값입니다.
객체 타입 배열(array) 배열 형태의 자료형도 자바스크립트에서 사용할 수 있습니다.
객체(Object) 객체 형태의 자료형도 자바스크립트에서 사용할 수 있습니다.
함수(Function) function은 자바스크립트를 구성하는 기본 단위이며, 자료형으로 변수에 넣을 수 있습니다.

현재 변수에 어떠한 자료형이 저장되어 있는지 검사합니다.

typeof(검사할 대상)

Sample3 자료형 검사

number
string
function
object
undefined
<!DOCTYPE html>
<html lang="ko">
    <head>
    	<meta charset="utf-8">
        <title>자바스크립트(JavaScript)</title>
        <script type="text/javascript">
        	var var1 = 30;	// 숫자 대입
			document.write(typeof(var1));
			document.write("<br />");
			
			var1 = "hello";	// 문자열 대입
			document.write(typeof(var1));
			document.write("<br />");
			
			var1 = function(){};	// funtion 대입
			document.write(typeof(var1));
			document.write("<br />");
			
			var1 = {};	// 객체 대입
			document.write(typeof(var1));
			document.write("<br />");
			
			var var2;	// 초기화 안함
			document.write(typeof(var2));
			document.write("<br />");
        </script>
    </head>
    
    <body>
	...
    </body>
</html>     

자바스크립트의 문자열은 길이가 16비트인 유니코드 문자(UTF-16 코드)를 사용하며, 대부분의 문자를 표현할 수 있습니다. 문자열을 구분하기 위해서는 작은 따옴표(') 또는 큰 따옴표(")를 사용합니다. 줄 바꿈 문자와 탭 문자는 이스케이프 시퀀스로 표현하여 사용합니다.

<!DOCTYPE html>
<html lang="ko">
    <head>
    	<meta charset="utf-8">
        <title>자바스크립트(JavaScript)</title>
        <script type="text/javascript">
        	var str1 = "hello";	// 큰 따옴표 사용
			var str2 = 'hello';	// 작은 따옴표 사용
			var str3 = "hello 'JavaScript'";	// 큰 따옴표 안에 작은 따옴표 사용
			var str4 = 'hello "JavaScript"';	// 작은 따옴표 안에 큰 따옴표 사용
			var str5 = "hello\nJavaScript";	// 줄바꿈
			var str6 = "hello\t\tJavaScript";	// 간격
			var str7 = "hello\'JavaScript\'";	// 작은 따옴표
			var str8 = "hello\"JavaScript\"";	// 큰 따옴표
			document.write(str1);
			document.write("<br />");
			document.write(str2);
			document.write("<br />");
			document.write(str3);
			document.write("<br />");
			document.write(str4);
			document.write("<br />");
			alert(str5);
			alert(str6);
			alert(str7);
			alert(str8);
        </script>
    </head>
    <body>
    </body>
</html>     
이스케이프 시퀀스 목록
이스케이프 시퀀스 설명 비고
\0 널(null) 문자
\b 백스페이스 문자
\t 수평 탭 문자
\n 개행 문자
\v 수직 탭 문자
\f 다음 페이지 문자
\r 캐리지 리턴 문자
\' 작은 따옴표 문자
\" 큰 따옴표 문자
\\ 역슬래시 문자

Ad

Comments
  • 프로필사진 박보현 2018.06.17 08:29 안녕하세요. ^^
    티스토리 초대장 받기 페이지를 통해서 들어왔습니다.

    혹시 남는 초대장이 있으시면 초대장 부탁드려요 ^^
    초대장 구하기가 너무 어려운거 같아요 ^^;;

    저는 IT관련 내용을 주제로 블로그를 만들고자 합니다.
    이멜 주소: just-go@outlook.kr

    초대장 부탁드려요 ^^
댓글쓰기 폼