01. 산술 연산자
| 산술 연산자의 종류 | 속성 설명 |
| + | 더하기 연산을 할 때 사용합니다. 문자와 문자, 문자와 변수 등을 연결할 때 사용합니다. |
| - | 빼기 연산을 할 때 사용합니다. |
| * | 곱하기 연산을 할 때 사용합니다. |
| / | 몫을 구할 때 사용합니다. |
| % | 나머지를 구할 때 사용합니다. |
| ++ | 1씩 증가시킬 때 사용합니다. |
| -- | 1씩 감소시킬 때 사용합니다. |
- '+' 연산자
: '+' 연산자는 '+'를 기준으로 좌변과 우변에 숫자가 아닌 문자나 변수 등이 오면 더하기 연산이 아닌 연결 연산을 합니다.
var subject = 'css';
var score = 100;
console.log(subject + '과목 성적은' + score); // css과목 성적은 100
- %(나머지)연산자
% 연산자는 '반복적인 숫자 구간의 패턴', 조건문을 이용한 '짝·홀수 판단, 배수 판단'등의 식을 만드는데 사용합니다.
- ++,-- 연산자
++,-- 연산자는 변수의 값을 1씩 증가시키거나 감소시키는데 사용하는 연산자입니다. '+'와 '+'사이, '-'와'-'사이에 공백이 있으면 안됩니다. 변수의 앞쪽이나 뒤쪽에 붙여 사용할 수 있습니다.
증가감 연산자가 변수와 단독으로 사용 될 때는 변수의 앞쪽이나 뒤쪽에서 붙여도 상관없지만 '=' 연산자와 같이 사용되면 결과 값에 영향을 줍니다.
연산자의 우선순위는 '* , / ' 중 좌측 연산자 우선, 그 다음 '+, -' 중 좌측 연산자 우선, 마지막이 '='연산자 입니다. 만약 연산자에 대한 우선순위를 높여 주고 싶다면 그룹 연산자 '()' 를 사용하면 됩니다.
02. 대입 연산자
| 대입 연산자 종류 | 설명 |
| = | num= 1은 우변의 값을 좌변의 num 변수에 대입(저장)합니다. |
| += | num += 2는 num + 2와 같습니다. |
| -= | num -= 2는 num - 2와 같습니다. |
| *= | num *= 2는 num * 2와 같습니다. |
| /= | num /= 2는 num / 2와 같습니다. |
| %= | num %= 2는 num % 2와 같습니다. |
※ 대입 연산자 '='는 '같다'의 의미가 아니라 변수에 대입(저장)을 의미합니다.
- '+-' 연산자
'+-' 연산자는 '+' 연산자처럼 좌변과 우변에 숫자가 아닌 문자나 변수 등이 오면 기존 데이터에 새로운 데이터를 연결하여 누적합니다.
var str = '자바스크립트'
var str += '제이쿼리'; // str = '자바스크립트' + '제이쿼리'
console.log(str); // 자바스크립트 제이쿼리
'=' 연산자는 연속 대입도 가능합니다.
var num = 10;
var x = 0;
var y = 0;
x = y num; // y = 10 → x = 10
console.log(x + ',' + y); // 10,10
03. 비교 연산자
비교 연산자는 값을 비교하여 결과 값을 Boolean(논리) 값인 'true' 나 'false'로 반환합니다.
| 비교 연산자 종류 | 설명 |
| > | a>b가 참이면 true, 거짓이면 false가 됩니다. |
| < | a<b가 참이면 true, 거짓이면 false가 됩니다. |
| >= | a>=b가 참이면 true, 거짓이면 false가 됩니다. |
| <= | a<=b가 참이면 true, 거짓이면 false가 됩니다. |
| == | a==b, a와b가 같으면 true, 같지 않으면 false가 됩니다. == 연산자의 경우 데이터 타입은 비교하지 않습니다. |
| != | a!=b, a와b가 같으면 true, 같지 않으면 false가 됩니다. |
| === | a===b, a와b가 같고 데이터 타입도 같으면 true, 같지 않으면 false가 됩니다. |
| !== | a==b, a와b가 같지 않거나 데이터 타입이 같지 않으면 true, 같지 않으면 false가 됩니다. |
04. 논리 연산자
| 논리 연산자 종류 | 설명 |
| && (AND연산자) | a && b, a와 b 모두 true(참) 일 때 true(참)이 됩니다. |
| || (OR연산자) | a || b, a와 b 중 하나만 true(참) 일 때 true(참)이 됩니다. |
| ! ( NOT연산자) | !a, a가 true이면 false, false이면 true로 바꾸어 줍니다. |
- 논리 연산자를 이용한 부등식 표현
'x의 값이 20보다 크고 30보다 작다.' 의 일반적인 부등식 표현은 '20 < x < 30' 이지만 자바스크립트에서는 'AND연산자'를 사용하여 표현합니다.
| x > 20 && x < 30; // 20초과 30미만 |
| x >= 20 && x <= 30; // 20이상 30이하 |