자바스크립트 강좌_#2_변수

자바스크립트 로고

변수는 데이터를 저장할 수 있는 메모리 공간입니다. 변수에는 데이터가 한 개만 저장됩니다. 변수의 데이터 종류는 문자형, 숫자형, 논리형, null형이 있습니다.

 

변수를 선언하는 방법

변수를 선언할 때는 아래의 기본형과 같이 var이라는 예약어를 변수명 앞에 붙입니다. 변수명은 영문과 숫자, 특수문자만 포함할 수 있습니다. 변수명은 변수의 쓰임을 생각하여 만드는 것이 좋습니다.

var basic;
var basic1 = 10;

 

변수만 선언됐을 때는 변수의 값이 없습니다. 하지만 =을 이용하여 숫자나 문자를 대입하면 변수에 값이 생깁니다.

만약 변수의 값을 두번 지정하면 어떻게 될까요? 아래의 예제 봐주세요.

 

 

var test2;

test2 = 10;
test2 = 100;
document.write(test2);

 

저상태로 출력을 하게 되면 마지막으로 지정된 데이터 100이 출력됩니다.

*자바스크립트는 파이썬과 다르게 변수를 선언한 뒤 세미콜론(;)을 붙여야 합니다!!!

 

문자형

문자형 변수는 문자를 입력하기 전에 ""큰 따옴표 or''작은따옴표를 꼭 붙여 주어야 합니다. 문자형 변수에 html태그를 적어 출력하면 html 태그로 인식합니다.

var a = "HelloWorld";
var b = '10';
var c = "<h1>helloWrold!</h1>";

 

숫자형

숫자형 변수는 정수만 저장할 수 있는 변수 입니다. 따옴표 안에 숫자가 들어가 있으면 문자형일까요? 숫자형일까요?

정답은 숫자형입니다! 문자형 데이터에 숫자가 담겨 있을 때는 Number() 함수를 사용해주면 됩니다.

var a = 10;
var b = 20;
var c = Number("500");

 

논리형

논리형 변수는 TrueOrFalse를 가지는 변수입니다. 논리형은 2개 이상의 값을 비교할 때 자주 사용합니다. Boolean() 메서드에 값을 입력하면 true 아니면 false를 반환합니다. false는 0, "" null, undefined 이 나머지들은 나 true입니다.

var a = true;
var b = false;
var c = 10>20; //false반환
var d = Boolean(0); //false반환
var e = Boolean("ljy"); //true반환

 

데이터 출력하기

변수에 있는 값(데이터)을 추력 하려면 아래와 같은 코드를 작성하면 됩니다.

var name = "ljy";
var age = "?";

document.write("이름:", name);
document.write("나이:", age);
document.write("HelloWorld!");

 

유용한 정보들

typeof를 사용하면 지정한 변수 또는 값의 자료형을 반환합니다. "<br>"는 줄을 바꿀 때 사용하는 예약어입니다. 변수명 첫 글자는 $,_(언더바), 영문자만 입력 가능합니다. 변수명으로는 예약어를 사용할 수 없습니다. 자바스크립트에서는 변수명을 사용할 때 대소문자를 구분합니다.

var a = "HelloWorld";
var b = 10;

document.write(typeof a, "<br>");
document.write(typeof b);

 

끝!