[연산자(operator)] - 산술, 대입, 증감, 비교, 논리

• 산술연산자
  • +, -, *, /, %

  • // 산술 연산자
    
    var x = 10, y = 4;
    document.write(x + y + "<br>");  // 14
    document.write(x - y + "<br>");  // 6
    document.write(x * y + "<br>");  // 40
    document.write(x / y + "<br>");  // 2.5
    document.write(x % y);           // 2

  • 자바스크립트 연산자 우선순위 표 (참고_tcpschool)
    http://www.tcpschool.com/javascript/js_operator_arithmetic

코딩교육 티씨피스쿨

• 대입 연산자 (assignment operator)
  • 피연산자 결합방향은 오른쪽에서 왼쪽

  • // 대입 연산자
    
    var x = 10, y = 10, z = 10;
    x = x - 5;
    y -= 5; // y = y - 5와 같은 표현임
    z =- 5  // z = -5와 같은 표현임

• 증감 연산자 (increment / decrement operator)
  • 피연산자가 단 하나뿐인 단항 연산자
    

    증감 연산자	설명
    ++x	먼저 피연산자의 값을 1증가 시킨 후 해당 연산 진행
    x--	먼저 해당 연산을 수행하고 나서, 피연산자의 값을 1 증가시킴
    --x	먼저 피연산자의 값을 1 감소시킨 후에 해당 연산 진행
    x--	먼저 해당 연산을 수행하고 나서, 피연산자의 값을 1 감소시킴

    // 증감 연산자
    
    var x = 10, y = 10;
    document.write((++x - 3) + "<br>");  //8 => x의 값을 우선 1증가 시킨 후 3을 뺌
    document.write(x + "<br>");  // 11
    
    document.write((y++ - 3) + "<br>");  //7 => 먼저 y에서 3을 뺀 후에 y의 값을 1 증가시킴
    document.write(y);   // 11​

    
    

    // 증감 연산자 연산 순서
    
    var x = 10;
    var y = x-- +5 + --x;  // x: 8, y: 23
    
    // ① x-- +5 => (10 + 5 = 15), x = 9
    // ② 15 + --x => (15 + 8 = 23), x = 8​

 

• 비교 연산자 (comparison operator)
  • 피연산자 사이의 상대적인 크기를 판단하여, true와 false를 반환
  • 결합 방향은 왼쪽에서 오른쪽
    

    // 비교 연산자
    
    var x = 3, y = 5;
    var a = "abc", b = "bcd";
    document.write((x > y) + "<br>");   // y의 값이 x의 값보다 크므로 false
    document.write((a <= b) + "<br>");  // 알파벳 순서상 'a'가 'b'보다 먼저 나와 'a'가 'b'보다 작음
    document.write(x < a);   // x의 값은 숫자이고, a의 값은 문자열이므로 비교할 수 없음​

  • 동등 연산자와 일치 연산자
    

    var x = 3, y = '3', z = 3;
    document.write((x == y) + "<br>");  // true => x와 y의 타입이 서로 다르므로 타입을 서로 같게 한 후 비교를 하므로 true
    document.write((x === y) + "<br>"); // false = > x와 y의 타입이 서로 다르므로 false
    document.write(x === z);   // true => x와 z은 값과 타입이 모두 같아 true

  • 비교연산자 설명 참고
    http://www.tcpschool.com/javascript/js_operator_comparison

코딩교육 티씨피스쿨

 

• 논리연산자 (logical operator)
  • 참(true), 거짓(false)반환
  • &&, ||연산자는 피연산자들의 결합방향은 왼쪽에서 오른쪽
  • !연산자의 결합방향은 오른쪽에서 왼쪽
    

    논리 연산자	설명
    &&	논리식 모두 참이면 참 (AND 연산)
    ||	논리식 중 하나라도 참이면 참 (OR 연산)
    !	논리식 결과가 참이면 거짓을, 거짓이면 참 반환(NOT 연산)

  • 진리표 (truth table)
    

    A	B	A && B	A || B	!A
    true	true	true	true	false
    true	false	false	true	false
    false	true	fasle	true	true
    false	false	false	false	true