[JS] 변수, 데이터 종류(문자형String, 숫자형 Number, 논리형 Boolean, null, undefined 데이터)

 

1. 변수 Variables 

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

변수에 저장할 수 있는 데이터 종류에는 문자형(String), 숫자형(Number), 논리형(Boolean), 빈(null) 데이터가 있다. 

 

2. 변수 선언 

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

var 변수명; 

결과는 30

만약 

var box;

box = 100;

box = 30;

이라면 var box; 처음에는 등록되지 않은 상태 undefined 상태이다. 

 

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

 

1️⃣ 문자형 String 

문자형 데이터는 다음과 같이 문자나 숫자를 " " 또는 ' ' 로 감싸고 있다. 

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

 

2️⃣ 숫자형 Number 

숫자형 데이터는 숫자를 의미한다. 

하지만 "100"은 숫자가 아니라 문자형 데이터이다. 이때 Number("100") 으로 하면 숫자로 인식한다. 

var 변수 = 숫자; or var 변수 = Number("숫자"); 

 

3️⃣ 논리형 Boolean

논리형 데이터는 true 또는 false 가 있다. 이 데이터는 주로 2개의 데이터를 비교할 때 나오는 값이다. 

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

 

* Boolean 

Boolean() 메서드에 데이터를 입력하면 논리형 데이터는 true 또는 false를 반환한다.

Boolean() 메서드는 숫자 0, null, undefined , "" 를 제외한 모든 데이터를 true로 반환한다. 

4️⃣ null & undefined 데이터 

undefined 는 변수에 값이 등록되기전 기본값이고, null은 변수에 저장된 값이 null인 경우를 가르킨다. 

null은 변수에 저장된 데이터를 비우고자 할 때 사용하는 값이다. 

 

 

4. 자료형을 알아내는 typeof

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

typeof 데이터 또는 변수; 

 

 

5. 변수 선언시 주의사항 

1️⃣ 변수는 첫 글자로 $, _, 영문자만 올 수 있다.

2️⃣ 변수명 첫 글자 다음은 영문자, 숫자, $, _만 올 수 있다. 

3️⃣ 변수명으로 예약어는 올 수 없다. (document, window, var 등) 

* 예약어는 자바스크립트에서 이미 사용중인 단어

4️⃣ 변수명을 지을 때는 의미를 부여해서 작성해야한다.

5️⃣ 변수명을 사용할 때는 대, 소문자를 구분한다.