[JavaScript] JavaScript 시작하기 (3) - 변수

변수란?

 

변수(Variables)는 변하는 데이터, 값을 저장할 수 있는 메모리 공간을 뜻한다.

즉, 데이터를 담는 그릇이라고 할 수 있다.

 

변수에는 데이터가 오직 한 개만 저장된다.

그래서 새로운 데이터가 들어오면 기존에 있던 데이터는 메모리 공간에서 지워진다.

 

변수에 저장할 수 있는 자료형

 

• 문자형 (String)
• 숫자형 (Number)
• 논리형 (Boolean)
• 빈 데이터 (Null)

 

자바스크립트 변수 선언 방법과 변수 선언 시 주의사항

 

변수를 선언할 때는 var 혹은 let 키워드를 변수명 앞에 붙인다.

 

 

var 변수명;
// OR
var 변수명 = 값;

 

 

let 변수명;
// OR
let 변수명 = 값;

 

자바 스크립트 변수명 선언 시 주의사항

• 한글을 사용할 수 없습니다.
• 영문과 숫자 그리고 일부 특수 문자( _ , $ )만 포함할 수 있습니다.
• 변수명 첫 글자로는 $, _(언더바), 영문자만 올 수 있습니다.
• 변수명 첫 글자 다음은 영문자, 숫자, $, _(언더바)만 포함할 수 있습니다.
• 변수명으로는 예약어(=> 예약어란 이미 자바스크립트에서 사용 중인 단어를 뜻합니다. 예시로는 document, location, window 등이 있습니다.)를 사용할 수 없습니다. 
• 변수명을 지을 때는 되도록 의미를 부여해 작성하는 것이 좋습니다.
• 변수명을 사용할 때는 대소문자를 구분해야 합니다.

 

변수의 자료형 - 문자형 (String)

 

문자나 숫자를 큰따옴표 (" ") 또는 작은따옴표 (' ')로 감싸고 있다.

문자형 데이터에 HTML 태그를 포함하여 출력하면 태그로 인식한다.

 

 

문자형(String) 자료형 예시

var 변수 = "사용할 문자나 숫자";

 

var s = "javascript";
var num = "100";
var tag = "<h1> String </h1>";

 

변수의 자료형 - 숫자형 (Number)

 

숫자 데이터를 말한다. 만약 "100"과 같이 큰따옴표가 숫자를 감싸고 있다면 숫자가 아닌 문자형 데이터이다.

문자형 데이터를 숫자형 데이터를 바꾸려면 Number("100")를 사용하면 된다.

 

 

숫자형(Number) 자료형 예시

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

 

var t = Number("500"); // "500" 문자형 데이터를 500 숫자형 데이터로 변환

 

변수의 자료형 -  논리형 (Boolean)

 

true(참) 또는 false(거짓)을 값을 가지는 변수 데이터 형식입니다.

이 데이터는 주로 2개의 데이터를 비교할 때 주로 사용합니다.

 

예시로 "100보다 10이 크다"는 비교는 거짓이기 때문에 false라는 결과를 반환합니다.

 

 

var 변수 = true or false; 
// OR
Boolean(데이터);

 

var s = true;
var t = 10 >= 100; // false
var k = Boolean("hello"); //true

 

var m = Boolean(0); // false
var k = Boolean("홍길동"); // false

 

변수의 자료형 -  빈 데이터 (Null)

 

변수에 저장된 값이 null, 즉 비어있는 경우를 가르킨다.

 

 

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

 

typeof

 

지정한 데이터 또는 변수에 저장된 자료형을 알고자 할 때 사용합니다.

 

typeof 변수 또는 데이터;