Top

연산자(Operators)

  • 연산자에는 산술, 문자 결합, 대입, 증감, 비교, 논리 연산자가 있습니다.

산술 연산자

  • 산술 연산자는 더하기(+), 빼기(-), 곱하기(*), 나누기(/), 나머지(%)가 있습니다.
종류 기본형 설명
+ A + B 더하기
- A - B 빼기
* A * B 곱하기
/ A / B 나누기
% A % B 나머지

산술 연산자 실습해보기

{
    let num1 = 15;
    let num2 = 2;

    document.write( num1 + num2, "<br>" );
    document.write( num1 - num2, "<br>" );
    document.write( num1 * num2, "<br>" );
    document.write( num1 / num2, "<br>" );
    document.write( num1 % num2 );
}

문자 결합 연산자

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

문자 결합 연산자 실습해보기

{
    let t1 = "고";
    let t2 = "양";
    let t3 = "이";

    document.write( t1 + t2 + t3 );
}

대입 연산자

  • 대입 연산자(=)는 연산된 데이터를 변수에 저장할 때 사용합니다.
  • 복합 대입 연산자(+=, -=, *=, /=, %=)는 산술 연산자와 대입 연산자가 복합적으로 적용된 것입니다.
종류 기본형 설명
= A = B 대입
+= A += B 더하기 후 대입
-= A -= B 빼기 후 대입
*= A *= B 곱하기 후 대입
/= A /= B 나누기 후 대입
%= A %= B 나머지 후 대입

대입 연산자 실습해보기

{
    let num1 = 15;
    let num2 = 2;

    num1 += num2
    document.write( num1, "<br>" ); //num1 = num1(15) + num2(2)
                                                   //15 + 2 = 17
    num1 -= num2
    document.write( num1, "<br>" ); //num1 = num1(17) - num2(2)
                                                   //17 - 2 = 15
    num1 *= num2
    document.write( num1, "<br>" ); //num1 = num1(15) * num2(2)
                                                   //15 * 2 = 30
    num1 /= num2
    document.write( num1, "<br>" ); //num1 = num1(30) / num2(2)
                                                   //30 / 2 = 15
    num1 %= num2
    document.write( num1 );           //num1 = num1(15) % num2(2)                  
                                                   //15 % 2 = 1
}

증감 연산자

  • 증감 연산자는 증가 연산자(++)와 감소 연산자(--)가 있습니다.
종류 기본형 설명
++ A++ 1씩 증가
-- A-- 1씩 감소

증감 연산자 실습해보기

{
    let num1 = 15;

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

    num1--
    document.write( num1);
}

비교 연산자

  • 비교 연산자는 '크다, 작다, 같다'와 같이 비교할 때 사용하는 연산자입니다.
  • 결과값으로 trum(참) 또는 false(거짓)로 반환합니다.
종류 기본형 설명
> A > B A가 B 보다 크다
< A < B A가 B보다 작다
>= A >= B A가 B 보다 크거나 같다
<= A <= B A가 B보다 작거나 같다
== A == B A와 B는 같다
(값)
!= A != B A와 B는 다르다
(값)
=== A === B A와 B는 같다
(값, 자료형)
!== A !== B A와 B는 다르다
(값, 자료형)

비교 연산자 실습해보기

{
    let a = 10;
    let b = 20;
    let c = "10";

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

논리 연산자

  • 논리 연산자는 ||(or), &&(and), !(not)가 있습니다.
종류 기본형 설명
|| A || B or
&& A && B and
! !A not

논리 연산자 실습해보기

{
    let a = 10;
    let b = 20;
    let c = true

    document.write( a < b || a == b, "<br>" );
    document.write( a < b && a == b, "<br>" );
    document.write( !a );
}

연산자 우선순위

  • 1. ()
  • 2. 단항 연산자(--, ++, !)
  • 3. 산술 연산자(+, -, *, /, %)
  • 4. 비교 연산자(>, <, >=, <=, ==, !=)
  • 5. 논리 연산자(||, &&)
  • 6. 대입 연산자(=, +=, -=, *=, /=, %=)