[JavaScript] 4. 연산자(Operator)

1. 산술 연산자 

산술 연산자는 사칙연산을 다루는 가장 기본적인 연산자입니다. 

+	덧셈
-	뺄셈
*	곱셈
/	나눗셈
%	나눈 나머지 값 (예 : 10 % 3 = 1)
**	거듭제곱

 

예시)

<script>
        "use strict"
        const num1 = Number(prompt('첫번째 숫자를 입력하세요.'));
        const num2 = Number(prompt('두번째 숫자를 입력하세요.'));
        let result = num1 + num2;
        console.log(`num1 + num2 = ${result}`);
        result = num1 - num2;
        console.log(`num1 - num2 = ${result}`);
        result = num1 * num2;
        console.log(`num1 * num2 = ${result}`);
        result = num1 / num2;
        console.log(`num1 / num2 = ${result}`);
        result = num1 % num2;
        console.log(`num1 % num2 = ${result}`);
        result = num1 ** num2;
        console.log(`num1 ** num2 = ${result}`);
</script>

 

 

2. 비교 연산자 

비교 연산자는 피 연산자 사이의 상대적인 크기를 판단하여 참 또는 거짓을 반환합니다.

>	왼쪽의 값이 오른쪽의 값보다 크면 참을 반환합니다.
<	오른쪽의 값이 왼쪽의 값보다 크면 참을 반환합니다.
>=	왼쪽의 값이 오른쪽의 값보다 크거나 같으면 참을 반환합니다.
<=	오른쪽의 값이 왼쪽의 값보다 크거나 같으면 참을 반환합니다.
==	두 식의 값이 같으면 참을 반환합니다. (타입의 관계가 없음) ex) "10" == 10 ->  true
===	두 식의 값이 같고, 타입까지 같으면 참을 반환합니다. ex ) "10" == 10 ->  false
!=	두 식의 값이 다르면 참을 반환합니다. (타입의 관계가 없음) ex ) 10 != "5" ->  true // 10 != 5 ->  true
!==	두 식의 값이 같지 않고, 타입까지 같지 않으면 참을 반환합니다. ex) 10 !== "1" ->  true

 

예시 ) 

<script>
        "use strict"
        let num1 = 3, num2 = 5;
        let str1 = "3", str2 ="abcde", str3="bcd";
        let result = (num1 > num2);
        console.log(`num1 > num2 : ${result}`);
        result = (str2 <= str3);
        console.log(`str2 <= str3 : ${result}`);
        // 아스키 코드 값 비교이며 첫글자 부터 한글자씩 비교를 하게된다. 길이하고는 상관없다.
        result = (num1 == str1);
        console.log(`num1 == str1 : ${result}`);
        result = (num1 === str1);
        console.log(`num1 === str1 : ${result}`);
</script>

 

 

3. 대입 연산자  

대입 연산자는 변수에 값을 대입할 때 사용하는 연산자입니다.

=	왼쪽 변수에 오른쪽 값을 대입합니다.
+=	왼쪽 변수에 오른쪽 값을 더한 후, 그 결과를 다시 왼쪽 변수에 대입합니다.
	ex )   let a = 10;  a += 1;  //  a = a + 1; 같은 의미
-=	왼쪽 변수에 오른쪽 값을 뺀 후, 그 결과를 다시 왼쪽 변수에 대입합니다.
*=	왼쪽 변수에 오른쪽 값을 곱한 후, 그 결과를 다시 왼쪽 변수에 대입합니다.
/=	왼쪽 변수에 오른쪽 값을 나눈 후, 그 결과를 다시 왼쪽 변수에 대입합니다.
%=	왼쪽 변수에 오른쪽 값을 나눈 나머지 값을 구한 후, 그 결과를 다시 왼쪽 변수에 대입합니다.
**=	왼쪽 변수에 오른쪽 값을 거듭제곱 후, 그 결과를 다시 왼쪽 변수에 대입합니다.

 

예시)

<script>
        "use strict"
        let num1=10, num2=10, num3=10;
        num1 += 5;
        console.log(`num1 += 5 : ${num1}`);
        num2 -= 5;
        console.log(`num2 -= 5 : ${num2}`);
        num3 =- 5;
        console.log(`num1 =- 5 : ${num3}`);
</script>

 

 

4. 증감 연산자 

증감 연산자는 값을 1씩 증가하거나 혹은 감소시킬 때 사용하는 연산자입니다. 연산자가 어느 쪽에 위치하는가에 따라 연산자의 순서 및 결과가 달라집니다.

++변수	변수의 값을 1증가시킨 후, 다음 연산을 진행합니다.
변수++	먼저 다른 연산을 수행한 후, 변수의 값을 1증가시킵니다.
--변수	변수의 값을 1감소시킨 후, 다음 연산을 진행합니다.
변수--	먼저 다른 연산을 수행한 후, 변수의 값을 1감소시킵니다.

ex)
let a = 5;
++a;  //  a = a + 1;

let a = 5;
let b = ++a;
console.log(b);  // 6

let a = 5;
let b = a++;
console.log(a);  // 6
console.log(b);  // 5

 

예시)

<script>
        "use strict"
        let num1 = 10;
        console.log(`num1의 값 : ${num1}`);
        console.log(`++num1의 값 : ${++num1}`);
        console.log(`num1의 값 : ${num1}`);
        console.log(`num1++의 값 : ${num1++}`);
        console.log(`num1의 값 : ${num1}`);
</script>

 

 

5. 논리 연산자 

논리 연산자는 주어진 논리식을 판단하여 참과 거짓을 반환합니다.

 

● AND 연산( && ) : 두 논리식이 모두 참이면 반환하는 연산자입니다. 
A       &&       B            결과
true             true         true
true             false        false
false            true         false
false            false        false

● OR 연산( || ) : 두 논리식 중 하나라도 참이면 참을 반환하는 연산자입니다. 
A       ||       B            결과
true             true         true
true             false        true
false            true         true
false            false        false

● NOT 연산( ! ) : 논리식의 결과가 참이면 거짓으로, 거짓이면 참으로 반환하는 연산자입니다. 
A                !결과
true             false         
false            true   

 

예시)

<script>
        "use strict"
        let num1 = 10, num2 = 5;
        let result1 = (num1 == num2);   // false 
        let result2 = (num1 >= num2);   // true
        console.log(`result1 && result2 : ${result1 && result2}`);
        console.log(`result1 || result2 : ${result1 || result2}`);
        console.log(`!result1 : ${!result1}`);
</script>

 

 

6. 비트 연산자 

비트 연산자는 논리 연산자와 비슷하지만 비트 단위로 논리 연산을 수행합니다. 

&	대응되는 비트가 모두 참이면 참을 반환하는 연산자입니다.
|	대응되는 비트 중에서 하나라도 참이면 참을 반환하는 연산자입니다.
^	대응되는 비트가 서로 다르면 참을 반환하는 연산자입니다.
<<	지정한 수만큼 비트를 왼쪽으로 이동시킵니다.
>>	지정한 수만큼 비트를 오른쪽으로 이동시킵니다.

 

예시 )

<script>
        "use strict"
        let num1 = 25, num2 = 18;
        console.log(`num1 & num2 : ${num1 & num2}`);
        /*
            32      16      8       4       2       1
                    1       1       0       0       1 (25)
        &           1       0       0       1       0 (18)
        --------------------------------------------------
                    1       0       0       0       0 (16)
        */

        console.log(`num1 | num2 : ${num1 | num2}`);
        /*
            32      16      8       4       2       1
                    1       1       0       0       1 (25)
        |           1       0       0       1       0 (18)
        --------------------------------------------------
                    1       1       0       1       1 (27)
        */

        console.log(`num1 ^ num2 : ${num1 ^ num2}`);
        /*
            32      16      8       4       2       1
                    1       1       0       0       1 (25)
        ^           1       0       0       1       0 (18)
        --------------------------------------------------
                    0       1       0       1       1 (11)
        */

        console.log(`num1 << num2 : ${num1 << 2}`);
        /*
            64      32      16      8       4       2       1
            --------------------------------------------------
            1       1       0       0       1       0       0 (100)
        */

        console.log(`num1 >> num2 : ${num1 >> 2}`);
        /*
                32      16      8       4       2       1
            ------------------------------------------------
                0       0       0       1       1       0 (6)
        */
</script>

 

 

7. 삼항 연산자 

조건식에 따른 참, 거짓에 따라 반환 값이 달라지는 연산자입니다.

 

● 변수 = 조건식 ? 반환값1(조건식이 참) : 반환값2(조건식이 거짓);

 

예시)

<script>
        "use strict"
        let num1 = Number(prompt("첫번째 숫자를 입력하세요."))
        let num2 = Number(prompt("두번째 숫자를 입력하세요."))
        let result = (num1 > num2) ? num1 : num2;
        console.log(`두 수중 큰 수는 : ${result}`);
</script>