728x90
반응형
<!DOCTYPE html>
<html lang="ko">
    <head>
        <title>JS : 연산자</title>
            <meta charset="UTF-8">
            <script>
                // 할당 연산자
                let a;
                a = 5; // 할당 연산자. a = b 꼴에서 b값을 a에 대입(할당)한다.

                // 더하기 연산자
               
                a = 5 + 5; // 할당 연사자의 우선순위는 최하위로 우측 피연산자의 연산이 모두 완료된 뒤 좌측 피연산자에 할당한다. 즉, a = b 꼴에서 b에 해당하는 연산을 모두 끝낸 뒤 a에 대입한다는 뜻.

                // 더하기 할당 연산자(복합대입연산)
                a += 5; // a = a + 5 와 동일한 결과를 가짐.


                // 뺴기 연산자
                a = 5 - 5;
                a -= 5; // a = a - 5;

                //나누기 연산자
                a = 5 / 5;
                a /= 5; // a = a / 5;

                //나머지 연산자
                a = 5 % 5;
                a %= 5; // a = a % 5;

                // 비교 연산자
                // 동등 (비교) 연산자
                //  a == b 꼴은 a와 b가 같은가에 대한 여부를 반환하며 형이 다르더라도 형변환을 통해 비교할 수 있을 경우 형변환 후 비교한다. 이는 부등(비교) 연사자에도 동일하게 적용된다.
                console.log(5==5); // true : 참
                console.log(5==5); // false : 거짓
                console.log(5=="5"); // true : 참
                console.log(5=="3"); // false : 거짓
                console.log(5=="3"); // true : 참. JS

                // 부등(비교) 연산자
                // a != b
                console.log('----');
                console.log(5 != 5); // false : 거짓
                console.log(5 != '5'); // flase : 거짓


                // 일치(비교) 연산자
                // a === b
                console.log('-----');
                console.log(5 === 5); // true : 참
                console.log(5 === '5'); // flase : 거짓

                // 불일치 (비교) 연산자
                //  a !== b
                console.log(5 !== '5'); // true : 참
                console.log(5 !== 5); // flase : 거짓


                // 초과 (비교) 연산자
                //  a > b 꼴에서 a가 b보다 큰가에 대한 여부를 반환한다. 이 때 초과/이상/미만/이하 연산자 모두각 피연산자의 타입이 동일해야 한다.
                console.log(5>3); // true
                //  이상(>=), 미만(<), 이하(<=) 생략


                // 증가 연산자
                // a++ 혹은 ++a 꼴로 이용.
                // a++는 외부 구문을 실행 한 뒤 증가시킨다
                // ++a 는 외부 구문을 실행하기 전 증가시킨다.
                let pp = 5;
                console.log(pp++);//5 출력
                console.log(++pp);//7 출력

                // 감소 연산자
                // a-- 혹은 --a 꼴로 이용.
                let mm = 5;
                console.log(pp--);//5 출력
                console.log(--pp);//3 출력

                // 거듭제곱 연산자
                // a ** b 꼴에서 a의 b승을 반환다.
                console.log('-----');
                console.log(2 ** 3);

                //and 연산
                // a && b 꼴에서 a조건과 b조건 모두 참일 때 참을, 아니라면 거짓을 반환한다.
                console.log(5 == 5 && 3 > 1); //true
                console.log(5 > 1 && 1 > 5); //false

                //or 연산
                // a || b 꼴에서 a조건과 b조건 중 하나 이상이 참일 때 참을, 아니라면 거짓을 반환한다.
                console.log(5 == 5 && 3 > 1); //true
                console.log(5 > 1 && 1 > 5); //false
                console.log(1 > 100 || 5 < 5); //false

                // 부정
                // !a 꼴에서 a조건의 결과를 부정(true 를 false로 , false를 true로)한다.
                console.log('-----');
                console.log(!true);
                console.log(!true);

            </script>
    </head>
    <body>

    </body>
</html>
728x90
반응형

'정보 > WEB' 카테고리의 다른 글

요소선택  (1) 2022.12.25
오브젝트(키-값)  (0) 2022.12.25
변수  (0) 2022.12.25
배열  (0) 2022.12.25
for(반복문)  (0) 2022.12.25

+ Recent posts

">