[JavaScript] 변수란?

[JavaScript] 변수란?

데이터를 담는 메모리 공간이다.

데이터형

 다양한 형태의 데이터를 읽고 쓸 수 있다.

문자형	String	"" 또는 ''로 묶어 구분, html 태그 포함 가능
숫자형	Number
논리형	Boolean	true or false
빈 데이터	Null

변수 선언

• 변수 선언 키워드

var	변수명 중복 가능
let	변수명 중복 불가능

변수명 작성 규칙

• 한글 사용이 불가능하다.
• 영문, 숫자, 일부 특수문자(_, $)를 포함한다.
• 첫 글자로 숫자를 사용하지 못한다.
• 대소문자를 구분한다.
• 의미를 갖는 단어로 작성한다.
• 가독성을 위해 되도록 Camel Case로 작성한다.
• ex. idxNum
• 예약어는 사용할 수 없다.

변수 선언, 초기화 및 출력

코드

<script>

      //변수 선언 및 초기화

      var a = true;

      var b = false;

      var c = 10 > 5;

      var d = Boolean("");

      var e = Boolean(null);

      var f = Boolean(10 < 5);

      //변수 출력

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

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

      document.write(c, "<br>");

      document.write(d, "<br>");

      document.write(e, "<br>");

      document.write(f, "<br>");

</script>

Boolean() 메서드

• 괄호 안의 데이터에 대해 참, 거짓 값을 반환한다.
• null, ""(빈 문자열), 0(숫자), undefined - false를 반환한다.
• undefined : 변수 선언 후 초기화를 하지 않은 경우
• 그 외의 경우는 true를 반환한다.

document.write()

• 괄호 안의 문자열을 html로 변환하여 출력한다.
• "" 안에 태그를 사용할 경우 태그로 해석하여 출력한다.
• ,(comma)로 나열한 문자열을 연결하여 출력한다.

    <script>

      var h1 = "heading1";

      var h2 = "heading2";

      var h3 = "heading3";

      var h4 = "heading4";

      document.write("<h1>", h1, "</h1>");

      document.write("<h2>", h2, "</h2>");

      document.write("<h3>", h3, "</h3>");

      document.write("<h4>", h4, "</h4>");

    </script>

typeof 연산자

• 변수의 데이터 타입을 반환하는 연산자이다.

    <script>

      //변수

      var num = 100;

      var numStr = "100";

      var str1 = "javascript";

      var vari1 = null;

      var vari2;

      //출력

      document.write(num, " : ", typeof num, "<br>");

      document.write(numStr, " : ", typeof numStr, "<br>");

      document.write(str1, " : ", typeof str1, "<br>");

      document.write(vari1, " : ", typeof vari1, "<br>");

      document.write(vari2, " : ", typeof vari2, "<br>");

    </script>

• 출력 결과

100 : number

100 : string

javascript : string

null : object

undefined : undefined