본문 바로가기

Dev. Front-End/JavaScirpt

[Javascript] 변수 (복합대입연산자, 증감연산자, typeof, undefined)

 

 

 

변수

: 값을 저장할 때 사용하는 식별자 입니다.

숫자 자료형 뿐만 아니라 모든 자료형을 저장할수있습니다.

"var"키워드 뒤에 식별자를 쓰면 해당 식별자는 변수가 됩니다.

<html>
  <head>
    <script type="text/javascript">
    var pi = 3.14;
    alert(pi);
    </script>
  </head>
  <body>
    
  </body>
</html>

var라는 키워드 뒤에 pi라는 식별자를 두면 그게 변수가됩니다.

그리고 alert 출력으로 pi변수를 매개변수 안에넣으면 해당 값이 출력됩니다.

 

 

 

 

 

 

복합 대입 연산자

: 대입 연산자와 다른 연산자를 함께 사용하는 연산자입니다.

<html>
  <head>
    <script type="text/javascript">
    var num = 10;
    num +=10;
    alert(num);
    </script>
  </head>
  <body>
    
  </body>
</html>

num변수를 선언해주고, 10의 값을 저장해줍니다.

num+=10은 num=num+10과 같은 식입니다.

그렇기에 현재 num변수에 10의 값이있기에 10+10이 되서 20이 출력됩니다.

 

 

 

 

 

 

 

증감 연산자

: 복합 대입 연산자를 약간 간략하게 사용한 형태입니다.

<html>
  <head>
    <script type="text/javascript">
    var num = 10;
    num++;
    alert(num);
    </script>
  </head>
  <body>
    
  </body>
</html>

var키워드를 사용해서 num변수에 10을 저장해줍니다.

10++은 10을 1씩 더해주는거와 같습니다.

 

 

 

 

 

 

 

typeof 연산자

: 자바스크립트는 숫자, 문자열, 불과 같은 자료형을 확인할때 사용합니다.

<html>
  <head>
    <script type="text/javascript">
    alert(typeof ('hello'));
    alert(typeof (123));
    </script>
  </head>
  <body>
    
  </body>
</html>

typeof키워드를 사용하면 현재 ()괄호안에 들어가있는 문구의 자료형을 확인할수있습니다.

' ' 작은따옴표안에 들어가있기에 String자료형이라고 뜹니다.

그냥 숫자를 입력한경우, number라는 자료형이라고 뜹니다.

 

 

 

 

 

 

 

undefined 자료형

: 선언하지 않은 변수 or 변수를 선언했지만 초기화하지 않았을때 해당 변수의 자료형은 undefined입니다.

<html>
  <head>
    <script type="text/javascript">
     alert(typeof (varia));
    </script>
  </head>
  <body>
    
  </body>
</html>

typeof를 통해 varia를 확인해본결과, undeifined 자료형임을 확인할 수 있습니다.