개발이좋아

[JavaScript] 변수의 선언 본문

Web개발/JavaScript

[JavaScript] 변수의 선언

noobdev 2019. 11. 14. 20:34

변수(Variables)는 변하는 데이터(값)를 저장할 수 있는 메모리 공간이다. 즉 데이터를 담아서 사용하는 상자라고 생각하면 된다.

2019/11/13 - [분류 전체보기] - [Java] 변수의 개념

변수에 대한 더 자세한 내용은 위 포스팅을 보도록 하자.

변수에는 저장할 수 있는 데이터 타입이 있는데 데이터 타입 종류는 아래와 같은 종류가 있다.

  • 문자형(String)
  • 숫자형(Number)
  • 논리형(Boolean)
  • 값이 없는 (Null)
  • 정의 하지 않은(Undefined)

 

▶ 변수 선언

변수를 선언할 때는 var 키워드를 변수명 앞에 붙여서 사용한다. (항상 그런 것은 아니며 es6는 좀 다르다고 들었다.)

 

변수 선언 시 규칙

  • 변수명은 한글을 사용할 수 없다.
  • 영문과 숫자 일부 특수문자( -, $ )만 포함할 수 있다.
  • 변수명은 사용용도에 맞춰서 이름의 의미를 붙이는 것이 좋다. 
  • 변수를 선언만 하고 초기화를 하지 않으면 null값을 갖는다.
  •  
<script>
	var 변수명;  또는 var 변수명 = 값;
</script>

 

 

<script>
 var a;
 a = 10;
    
 var b = 20;
</script>

각 각 a에는 10이 b에는 20이 담겨 있다.

 

 


 

 

▶ 변수의 사용

 

 

1. 숫자형 (Number)

 

    <script>
    	var a = 10;
        var b = 20;
        document.write(a + b);
    </script>
    

변수 a는 10 b에는 20의 데이터를 담았고 document.write 에서는 a 와 b를 더했다.

document.write 는 소괄호 안에 들어가는 매개변수를 출력하는 메소드이다.

 

 

2. 문자형(String)

 

 

<script>
        var str = "안녕하세요.";
        <h1>str</h1>
 </script>

 

문자형 변수에 데이터를 담을 때는 "" 큰따옴표나 '' 작은 따옴표로 감싸줘야한다.

 

 

 

3. 논리형

 

<script>
  var a = 10;
  var b = 20;
  var result1 = a > b;   //fasle
  var result2 = a < b;   //true
  var result3 = a >= b;  //fasle
  var result4 = a <= b;  //true
  var result5 = a == b;  //false
  var result6 = a != b;  //true
</script>

 

논리형은 참(True) 또는 거짓(False)를 반환하는 변수이다.

result 변수들을 보면 a와 b를 비교해서 참 혹은 거짓을 반환한다.

 

 


이 외에도 많은 변수의 사용방법이 있으며 다른 사용방법들은 추후 업로드 하도록 하겠다.

 

"본 포스팅은 필자가 공부한 내용을 정리해 놓은 것으로 오류가 있을 수 있습니다."

Comments