연산자란?
'3 + 5', '3 < 5' 와 같이 프로그램에 필요한 수식을 만들 때 필요한 것
연산자의 종류 : 산술 연산자, 대입 연산자, 비교 연산자, 논리 연산자, 비트 연산자, 삼항 연산자 등
1. 산술 연산자
1) 산술 연산자의 종류
| 산술 연산자의 종류 | 속성 설명 |
| + | 더하기 연산 |
| 문자-문자, 문자-변수 등을 연결 | |
| - | 빼기 연산 |
| * | 곱하기 연산 |
| / | 나누기 연산 |
| % | 나머지를 구함 |
| ++ | 1씩 증가시킴 |
| -- | 1씩 감소시킴 |
2) '+(연결)' 연산자
'+' 기준, 좌변과 우변에 문자・변수(숫자X) 등이 오면 연결 연산(더하기X)을 함
cf) '+' 연산자를 사용하지 않고 문자・변수를 연결 : 문자열에 백틱/백쿼드(`)사용, ${변수}로 표현
var subject = 'css';
var score = 100;
console.log(subject + '과목 성적은 ' + score); //css과목 성적은 100
=====문자열에 백틱/백쿼드(`)사용, ${변수}로 표현=====
var subject = 'css';
var score = 100'
console.log(`${subject} 과목 성적은 ${score}`); //css과목 성적은 100
3) '%(나머지)' 연산자
- 반복적인 숫자 구간의 패턴식을 만듦
- 조건문을 이용한 짝・홀수/배수 판단식을 만듦
// var dividend = 0; /*dividend : 피제수(나뉠 수) divisor : 제수(나눈 수) remainder : 나머지*/
// var dividend = 1;
// var dividend = 2;
// var dividend = 3;
// var dividend = 4;
// var dividend = 5;
var remainder = dividend % 3; /*변수 remainder = dividend를 3으로 나눴을 때의 나머지*/
console.log(remainder); //0, 1, 2, 0, 1, 2// var dividend = 3;
// var dividend = 6;
// var dividend = 9;
var remainder = dividend % 3;
var comment;
if (remainder === 0) { // 나머지가 0이면
comment = '3의 배수';
}
console.log(comment); //3의 배수
4) '++(증가)', '--(감소)' 연산자
- 변수의 값을 1씩 증가・감소시키는 데 사용. 변수의 앞쪽이나 뒤쪽에 붙여 사용
var score = 10;
++score; //11;
score++; //12;
console.log(score); //12- 증가감 연산자가 변수와 단독으로 사용될 때는 변수의 앞쪽이나 뒤쪽에 붙여도 상관X 지만, '=' 연산자와 같이 사용될 때는 결과 값에 영향을 미침
ex1) result = ++score : ++score(전치 연산자)이 = 보다 우선순위가 높으므로 ++score 을 먼저 연산한 후 결과 값을 result 변수에 저장함
var score = 10;
var result = ++scroe;
console.log(result + ',' + score); //11, 11ex2) result = score++ : score++(후치 연산자)가 = 보다 우선순위가 낮으므로 result = score 먼저 연산한 후 score++이 연산됨
var score = 10;
var result = score++;
console.log(result + ',' + score); //10, 11
[TIP] 연산자의 우선순위
① *, / > +, -
② ①에서 동일한 우선순위를 가진다면, 좌측에 있는 것이 우측에 있는 것보다 우선함
var calculation = 3 - 5 * 8 / 2 + 3;
5 * 8 = 40
40 / 2 = 20
3 - 20 = -17
-17 + 3 = -14
calculation = -14
=====연산자에 대한 우선순위를 높여 주고 싶다면 그룹 연산자 '( )'를 사용=====
var calculation = (5 - 2) * 8;
(5 - 2) = 3
3 * 8 = 24
calculation = 24
출처 : ⎡반응형 웹 실전 프로젝트 가이드 (김광수, 조혜경)⎦