ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • Modern JavaScript 연산과 제어
    FrontEnd/JavaScript 2023. 1. 15. 14:21

    1. 연산자

     

    표현식

    • 선언문 : var = a; 
    • 할당문 : a=5;
    • 함수선언문
    • 조건문
    • 반복문

     

    연산자 

    • 이항 산술연산자 :  + - * / %
    •  단항산술연산자 

     

    단항 산술 연산자 의미
    ++ 증가
    -- 감소
    + 어떠한 효과도 없다. 음수를 양수로 반전하지도 않는다.
    - 양수를 음수로 음수를 양수로 반전한 값을 반환한다.

     

    • 선대입 후증가 (Postfix Increment Operator)

            var x = 5, result;

            result = x++;

            console.log(result, x); // 5 6

    • 선증가 후대입 (Prefix Increment Operator)

            result = ++x;

            console.log(result, x); // 7 7

    • 선대입 후감소 (Postfix decrement operator)

            result = x--;

            console.log(result, x); // 7 6

     

    • 선감소 후대입 (Prefix decrement operator)

           result = --x;

           console.log(result, x); // 5 5

    • 문자열 연결 연산자

            '1' + '2'            // '12'

            '1' + 2              // '12'

    • 산술연산자

            1 + 2                // 3

            1 + true           // 2 (true → 1)

            1 + false          // 1 (false → 0)

            true + false     // 1 (true → 1 / false → 0)

            1 + null             // 1 (null → 0)

            1 + undefined  // NaN (undefined → NaN)

     

    • 할당연산자

     

    할당 연산자 사례 동일 표현
    = x = y x = y
    += x += y x = x + y
    -= x -= y x = x - y
    *= x *= y x = x * y
    /= x /= y x = x / y
    %= x %= y x = x % y

     

    • 비교연산자

     

    비교 연산자 의미 사례 설명
    == 동등 비교 x == y x와 y의 값이 같음
    === 일치 비교 x === y x와 y의 값과 타입이 같음
    != 부등 비교 x != y x와 y의 값이 다름
    !== 불일치 비교 x !== y x와 y의 값과 타입이 다름
    • 대소 관계 비교 연산자

     

    대소 관계 비교 연산자 예제 설명
    > x > y x가 y보다 크다 ✕
    < x < y x가 y보다 작다 ✕
    >= x >= y x가 y보다 같거나 크다 ✕
    <= x <= y x가 y보다 같거나 크다 ✕
    • 삼항 조건 연산자

     

    논리 연산자 의미
    || 논리합(OR)
    && 논리곱(AND)
    ! 부정(NOT)

    ex)  var result = x % 2 ? ‘홀수’ : ‘짝수’;

     

    • 쉼표연산자

            var x, y, z;

            x = 1, y = 2, z = 3; // 3


    2. 제어문

    • 블록문 : 0개 이상의 문들을 중괄호로 묶은 코드 블록 (블록문에는 ;를 붙이지 않음)
    • 조건문 : if..else / switch문 제공
    • 반복문 : for of / for in / for of/ do / do while 문 제공
    • break / continue 제공

     

     

    'FrontEnd > JavaScript' 카테고리의 다른 글

    Modern JavaScript 객체의 프로퍼티  (0) 2023.01.21
    Modern JavaScript 함수  (0) 2023.01.21
    Modern JavaScript 객체  (0) 2023.01.21
    Modern JavaScript 데이터타입과 변수  (0) 2023.01.09
    Modern JavaScript 기본개념  (0) 2023.01.01

    댓글

Designed by Tistory.