본문 바로가기

Webstoryboy

Category

Explanation

JAVASCRIPT

[Javascript] 변수의 유형

변수의 유형

변수에는 여러가지 유형이 들어 갈 수 있습니다. 프로그램 언어에 있어 가장 기본적인 요소이며 데이터 타입이라고 합니다. 데이터 타입에는 숫자, 문자열, 논리값, 특수값, 심벌, 객체, 함수 등을 표현할 수 있습니다.


변수의 유형(데이터 타입)

데이터 타입 설명
숫자(Number) 숫자를 사용할 수 있습니다.
문자열(String) 문자을 사용할 수 있습니다.
논리값(Boolean) 참과 거짓을 사용할 수 있습니다.
특수값(null) 아무런 값이 없을 경우 표현합니다.
특수값(undefined) 정의되지 않은 상태를 표현합니다.
심벌(symbol) 자기 자신을 제외한 유일한 값일 때 표현합니다.
객체(object) 객체 형태도 사용 가능합니다.
함수(function) 함수 형태도 사용 가능합니다.

숫자(Number)

자바스크립트에서는 숫자를 사용할 수 있습니다. 숫자는 정수와 실수를 구분 없이 사용할 수 있습니다.

var num1 = 50;
var num2 = 1.3456;

문자열(String)

자바스크립트에의 문자를 사용할 수 있습니다. 이를 문자열이라고 합니다. 문자열은 큰 따옴표("") 또는 작은 따옴표('')를 사용하여 표현 할 수 있습니다.

var str1 = "javascript String"
var str2 = '자바스크립트 문자열'

논리값(Boolean)

자바스크립트에서는 참과 거짓을 표현 할 수 있습니다. 이것을 논리값이라고 표현합니다.

var x = a > b
var y = a || b

특수값(null)

null은 아무런 값이 없는 경우를 의미합니다.

특수값(undefined)

undefined은 변수가 선언되었지만 값이 정의되어 있지 않은 값을 의미합니다.

var x;

심벌

심벌은 자기 자신을 제외한 유일한 값을 의미합니다. 심벌은 ECMAScript 6에서 새로 추가된 값입니다.

var sym = symbol("coding");

변수의 검사

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

typeof(검사할 대상)

변수의 검사

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

html
<!DOCTYPE html>
<html lang="ko">
	<head>
		<meta charset="UTF-8">
		<title>Javascript</title>
		<script>
			let x1 = 100;                  //변수에 숫자 저장
			let x2 = "100";                //변수에 문자 저장
			let x3 = "javascript";         //변수에 문자열을 저장
			let x4 = true;                 //변수에 논리값을 저장
			let x5 = false;                //변수에 논리값을 저장
			let x6;                        //특수값
			let x7 = undefined;            //특수값 
			let x8 = function(){};         //변수에 함수를 저장
			let x9 = {}                    //변수에 객체를 저장
			let x0 = Symbol()              //변수에 심볼을 저장
	
			document.write(typeof(x1));
			document.write("<br>");
			document.write(typeof(x2));
			document.write("<br>");
			document.write(typeof(x3));
			document.write("<br>");
			document.write(typeof(x4));
			document.write("<br>");
			document.write(typeof(x5));
			document.write("<br>");
			document.write(typeof(x6));
			document.write("<br>");
			document.write(typeof(x7));
			document.write("<br>");
			document.write(typeof(x8));
			document.write("<br>");
			document.write(typeof(x9));
			document.write("<br>");
			document.write(typeof(x0));
		</script>
	</head>
<body>
	
</body>
</html>

더보기

인스타그램 보기 바로가기

포트폴리오 스터디 바로가기

유튜브 영상보기 바로가기