자바스크립트 연산자

연산자

연산자란 프로그래밍에서 쓰이는 기호입니다. 이를 톨해 계산 작업을 합니다

더하기(+), 빼기(-), 곱하기(*), 나누기(/), 비교등을 하는 작업을 연산 작업이라 합니다.

자바스크립트 프로그래밍에서 사용하는 연산자에는 산술, 문자 결합, 대입, 증감, 비겨, 논리, 삼항 조건 연산자가 있습니다.

산술연산자

산술 연산자에는 더하기(+), 빼기(-), 곱하기(*), 나누기(/), 나머지(%)가 있습니다.

산술 연산자로 연산을 하기 위해서는 연산 데이터가 반드시 2개 있어야 합니다.

종류	기본형	설명
+	A+B	더하기
-	A-B	빼기
*	A*B	곱하기
/	A/B	나누기
%	A%B	나머지

아래의 예시를 통해 산술 연산자를 어떻게 사용하는지 알아보겠습니다.

<script>
    var num1 = 15;
    var num2 = 2;
    num1 + num2;
    document.write(result);  //17
    num1 - num2;
    document.write(result);  //13
    num1 * num2;
    document.write(result);  //30
    num1 / num2;
    document.write(result);  //7.5
    num1 % num2;
    document.write(result);  //1
</script>

문자 결합 연산자

문자 결합 여산자는 피연산자(연산 대상 데이터)가 문자형 데이터입니다. 여려 개의 문자를 하나의 문자형 데이터로 결합할때 사용합니다.

피연산자로 문자형 데이터가 한개라도 포함되어 있으면 다른 피연산자의 데이터는 자동으로 문자형 데이터로 변환되고

문자 결합이 이루어져 하나의 문자형 데이터를 반환합니다.

기본형
문자형 데이터 + 문자형 데이터 = 하나의 문자형 데이터
ex) "do it" + "Javascript" = "do it Javascript"
문자형 데이터 + 숫자형 데이터 = 하나의 문자형 데이터
ex) "100" + 200 = "100200"

대입 연산자

대입연산자(=)는 연산된 데이터를 변수에 저장할 때 사용합니다.

복합 대입 연산자(+=, -=, *=, /=, %=)는 산술 연산자와 대입연산자가 복합적으로 적용된 것을 말합니다.

종류	풀이
A = B	A = B
A += B	A = A + B
A *= B	A = A * B
A /= B	A = A / B
A %= B	A = A % B

아래의 예시를 통해 대입 연산자를 어떻게 사용하는지 알아보겠습니다.

<script>
    var num1 = 10;
    var num2 = 3;

    num1 += num2;  //num1 = num1(10) + num2(3);
    document.write(num1);  //13

    num1 -= num2; //num1 = num1(13) - num2(3);
    document.write(num1);  //10

    num1 *= num2; //num1 = num1(10) + num2(3);
    document.write(num1);  //30
    
    num1 /= num2; //num1 = num1(30) + num2(3);
    document.write(num1);  //10
</script>

증감 연산자

증감 연산자에는 증가 연산자(++) 와 감소 연산자(--)가 있습니다.

증감 연산자는 앞에서 배운 연산자와는 달리 피연산자가 한개만 필요한 단항 연산자입니다.

증감 연산자는 변수의 어느 위치에 오는가에 따라 결과값이 달라집니다.

변수의 값을 1만큼 감소시킵니다.
변수--; 또는 --변수;
변수의 값을 1만큼 증가 시킵니다. 
변수++; 또는 ++변수;

아래의 예시를 통해 증감 연사자를 어떻게 사용하는지 알아보겠습니다.

<script>
    var num1 = 10;
    var num2 = 20;
    var result;

    num1--;
    document.write(num1);  //9

    num1++;
    document.write(num1);  //10

    result = num2++; //result: 20, num2:21
    document.write(result);

    result = ++num2  //result: 22, num2:22
    document.write(result);
</script>

비교 연산자

두 데이터를 '크다, 작다, 같다'와 같이 비교할 때 사용하는 연산자입니다.

연산된 결괏값은 true(참) 또는 false(거짓)로 논리형 데이터를 반환합니다.

종류	설명
>	a > b, a가 b보다 크다. (참: true, 거짓: false)
<	a< b, a가 b보다 작다.
>=	a >= b, a가 b보다 크거나 같다./td>
<=	a <= b, a가 b보다 작거나 같다.
==	a == b, a와b가 같다. ==연산자는 데이터형은 비교하지 않음
!=	a != b, a와b가 같지 않다. ==연산자는 데이터형은 비교하지 않음
===	a === b, a와b가 같고 데이터형도 같다.
!==	a !== b, a와b가 같지 않거나 데이터형이 같지 않다.

아래 예시를 통해 비교 연산자의 결괏괎을 알아보겠습니다.

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

    result = a > b; //  10 > 20 false
    document.write(result);

    result = a < b; //  10 < 20 true
    document.write(result);

    result = a < b; //  10 < 20 true
    document.write(result);

    result = b == d; // 20 == "20" true
    document.write(result);

    result = a != b; // 10 != 20 true
    document.write(result);

    result = b === d; // 20 === "20" false
    document.write(result);
</script>

논리 연산자

논리 연산자에는 ||(OR 연산자), &&(AND 연산자), !(NOT 연산자)가 있으며, 논리 연산자는 피연산자가 논리형 데이터인 true 또는 false로 결괏값을 반환합니다.

종류	설명
||(OR 연산자)	or 연산자라 부르며, 피연산자 중 값이 하나라도 true가 존재하면 true로 결괏값을 반환합니다.
&&(AND 연산자)	and 연산자라 부르며, 피연산자 중 값이 하나라도 false가 존재하면 flase로 결괏값을 반환합니다.
!(NOT 연산자)	not 연산자라 부르며, 단항 연산자입니다. 피연산자의 값이 true이면 반대로 false로 결괏값을 반환합니다.