02. 연산자 (1)

연산자?

자바스크립트에서는 산술, 문자 결합, 대입(복합대입), 증감, 비교, 논리, 삼항 조건 연산자가 있다. 무슨말인지는 잘 모르겠지만 일단 해보자.

1.산술 연산자

산술 연산자를 사용하기 위해서는 반드시 데이터가 2개 있어야 한다.

var num1 = 10;
var num2 = 20;

var result;

result = num1 + num2;
document.write(result, "<br>");
>30

result = num1 - num2;
document.write(result, "<br>");
>-10

result = num1 * num2;
document.write(result, "<br>");
>200

result = num1 / num2;
document.write(result, "<br>");
>0.5

result = num1 % num2;
document.write(result, "<br>");
>10

2.문자 결합 연산자

문자 연산자는 피연산자(연산 대상 데이터)가 문자형 데이터이다. 여러개의 문자를 하나의 문자형 데이터로 결합할 때 사용.
글로 읽기엔 어려우니 코드로 보자.

문자형 + 문자형 = 문자형 데이터
"my name is" + "pyo_poi" = "my name is pyo_poi";
<br>
문자형 + 숫자형 = 문자형 데이터
"100" + 200 = "100200";

03.대입 연산자

대입 연산자 (=)는 연산된 데이터를 변수에 저장할 때 사용.
복합대입연산자 (+=, -=, *=,/=, %=)

04.증감 연산자

증감 연산자는 숫자형 데이터를 1씩 증가시키는 증가 연산자(++)와 1씩 감소시키는 감소 연산자(--)가 있다.위의 연상자와는 달리 피연산자가 한 개만 필요하다. 변수의 어느위치에 노는가에 따라 결괏값이 달라진다.

사용법 :
1.var A = ++B  => B의 값을 1만큼 증가시키고 증가된 B의 값을 A에 대입이 된다.
2.var A = B++  => B의 값을 A에 대입이 먼저 된 다음 B의 값을 1만큼 증가 된다.

        var num1 = 10;
        var num2 = 20;
        var result;

        num1--;
        document.write(num1, "<br>");
		//9

        num1++;
        document.write(num1, "<br>");
		//10

        result = num2++;
        document.write(result, "<br>");
		//20, num2:21
        > 먼저 변수 num2(20)의 값이 result에 저장되고, num2의 값이 1증가되어 num2에 21이 저장된다.
        
        result = ++num2;
        document.write(result,"<br>");
        //result : 22, num2 : 22
        >num2(21)이 되었으니 1이 증가되어 22, num2의 값이 resul에 저장된다.

05.비교연산자

두 데이터를 '크다,작다,같다' 와 같이 비교할 때 사용한다. 결괏값은 trus(참), false(거짓)로 논리형 데이터를 반환한다.

비교 연산자의 종류

<script>
        var a = 10;
        var b = 20;
        var c = "10";
        var d = "20";

        var result;

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

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

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

        result = a != b;
        document.write(result,"<br>");

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

        result = a !== d;
        document.write(result,"<br>");
    </script>

결과값

...이어서