변수

: 변하는 데이터 값을 저장할 수 있는 메모리 공간

변수 선언

: 변수명으로 데이터를 저장할 수 있는 공간 생성

• 변수에는 하나의 값만 넣을 수 있음

// 방법 1. 선언 후 값 넣기
var box;
box = 100;

// 방법 2. 선언과 값 넣기 동시에
var box = 100;

자료형

문자형

: 문자 데이터를 의미

• "", ''로 감싸고 있으며 html tag를 포함하여 출력하면 tag로 인식

// var 변수 = "문자나 숫자";
var s = "javascript";
var num = "100";
var tag = "<h1> String </h1>";

숫자형

: 숫자 데이터를 의미

// var 변수 = 숫자;
var s = 100;

// var 변수 = Number("문자형 숫자");
var t = Number("500");

논리형

: 주로 2개의 데이터를 비교할 때 나오는 결과값, true or false 값을 가짐

// var 변수 = true or false;
var s = true;
var t = 10>=100; // t에 false 값이 저장

// Boolean(데이터);
// Boolean()은 0, null, undefined, " "를 제외한 모든 데이터에 대해 true를 반환
var k = Boolean("hello"); // k에 true 값이 저장

null & undefined 데이터

• null : 변수에 저장된 값이 null 인 경우
• undefined : 값이 등록되기 전의 기본값

var s; // undefined
var t = hello;
t = null; // null

typeof

: 지정한 데이터 또는 변수에 저장된 자료형을 알고 싶을 때 사용

var num = 100;
var str = "자바스크립트";

document.write(typeof num, "<br>"); // number 출력
document.write(typeof str); // string 출력