변수

자바스크립트에서의 변수 선언

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

  변수명에는 한글을 사용할 수 없으며, 영문과 숫자 그리고 일부 특수문자(_  $)만 포함 될 수 있다.

  단어와 단어의 조합으로 짓는 변수명은 두번째 단어의 첫 글자를 대문자로 표기하는데

  이것을 낙타(Camel)표기법이라고 한다. (ex.mathNum)

기본형
    var 변수명;
    var 변수명=값;

  변수를 선언하면 변수명으로 데이터를 저장할 수 있는 공간이 생긴다.

  다음 예제처럼 대입하면 변수에 100이 저장된다.

var box;
box=100;

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

  변수에 저장할 수 있는 자료형(Data Type)으로는 문자형(String), 숫자형(Number), 논리형(Boolean) 그리고

  빈 데이터(Undefined)가 있다.

  

  문자형

    문자형(String)데이터는 문자나 숫자를 "" 또는 ''로 감싸고 있다.

    또한 HTML 태그를 포함하여 출력하면 태그로 인식한다.

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

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

  숫자형

    숫자형(number)데이터는 단어 의미 그대로 숫자를 의미한다.

    만약 "100"과 같이 ""가 숫자를 감싸고 있다면 숫자형이 아닌 문자형이다.

    이 경우에는 Number("100")을 이용하면 문자형 데이터를 숫자형 데이터로 바꿀 수 있다.

var 변수=숫자; 또는 Number("문자형 숫자");

var s=100;
var t=Number("500"); //"500"-> 500

  논리형

    논리형(boolean)데이터는 true(참) 또는 false(거짓)가 있다.

    기본형은 다음과 같다.

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

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

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

    Boolean() 메소드는 숫자 0과 null, undefined, 빈 문자(" ")를 제외한 모든 데이터에 대해 true를 반환한다.

 

    다음 예제와 같이 Boolean()메소드에 숫자 0을 입력하면 false라는 값을 반환한다. 그리고 Boolean()메소드에

    "홍길동"을 입력하면 true를 반환한다.

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

    다음 예제는 논리형 값, 비교 연산자, Boolean 메소드를 사용해 변수에 논리형 데이터를 저장한 후 문서에 

    출력하는 예제이다.

<script>
    var a=true;
    var b=false;
    var c=10>5;			//true
    var d=Boolean(null);	//false
    
    document.write(a, "<br>");
    document.write(b, "<br>");
    document.write(c, "<br>");
    document.write(d, "<br>");
</script>

    결과값은 다음과 같다.

true
false
true
false

  null & undefined 데이터

    undefined는 다음과 같이 변수 s에 값이 등록되기 전의 기본값이고, null은 변수에 저장된 값이 null인 경우를 

    가리킨다. null은 변수에 저장된 데이터를 비우고자 할 때 사용한다.

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

  typeof

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

typeof 변수 또는 데이터;

    다음은 typeof를 이용하여 변수에 저장된 자료형을 알아내는 예제이다.

<script>
    var num=100;
    var str="자바스크립트";
    
    document.write(typeof num, "<br>");	//number
    document.write(typeof str);		//string
</script>

    결과값은 다음과 같다.

number
string

변수 선언 시 주의사항

  1. 변수명 첫 글자로는 &, _(언더바), 영문자만 올 수 있다.

var 1num=10;	(X)
var $num=10;	(O)

  2. 변수명 첫 글자 다음은 영문자, 숫자, &, _ 만 포함할 수 있다.

var 100num=10;	(X)
var num100=10;	(O)

  3. 변수명으로는 예약어(document, location, window 등)를 사용할 수 없다.

      예약어란 이미 자바스크립트에서 사용중인 단어를 말한다.

var document=10;	(X)
var num=10;		(O)

  4. 변수명을 지을때는 되도록 의미를 부여해 작성하는 것이 좋다.

var num="hello";	(X)
var num=10;		(O)

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

var num=10;	document.write(Num)	(X)
var num=10;	document.write(num)	(O)

 

(참고 : do it 자바스크립트+제이쿼리 입문)