연산자

산술 연산자

코드	기본형	연산자
+	A+B	덧셈
-	A-B	뺄셈
*	A*B	곱셈
/	A/B	나눗셈
%	A%B	나머지

문자 결합 연산자

: 피연산자로 문자형 데이터가 한 개 라도 포함되어 있으면 다른 피연산자의 자료형이 자동으로 문자형으로 변환되어 결합이 이루어 진다.

// 문자형 + 문자형 = 하나의 문자형
var = "do it" + "js!"; // "do it js!"

// 문자형 + 숫자형 = 하나의 문자형
var = "100" + 200;// "100200"

대입 연산자

: 대입연산자(=)는 연산된 데이터를 변수에 저장할 때 사용

종류	풀이
A=B	A=B
A+=B	A=A+B
A*=B	A=A*B
A/=B	A=A/B
A%=B	A=A%B

예제

: 여러 개의 문자형 데이터로 저장된 HTML 태그를 복합 대입 연산자를 이용하여 하나의 문자로 결합

var str = "<table border = '1'>";
str += "<tr>";
str += "<td>1</td><td>2</td><td>3</td>"
str += "</tr>";
str += "</table>";
document.write(str); 

// "str = "<table border = '1'><tr><td>1</td><td>2</td><td>3</td></tr></table>"

증감 연산자

• 증가 연산자(++) : 숫자 데이터를 1 증가
• 감소 연산자(--) : 숫자 데이터를 1 감소

증가 연산자는 변수의 어느 위치에 오는가에 따라 결과값이 달라진다!!

전위 연산자

: 증감연산자가 변수 앞에 오는 경우

var num = 7;
var result;
result = ++ num; 
// 1단계 : 증감연산자 실행 -> num = 8
// 2단계 : 대입연산자 실행 -> result = num 이므로 result = 8

후위 연산자

: 증감연산자가 변수 뒤에 오는 경우

var num = 7;
var result;
result = num++; 
// 1단계 : 대입연산자 실행 -> result = num 이므로 result = 7
// 2단계 : 증감연산자 실행 -> num = 8

비교 연산자

: 두 데이터를 비교할 때 사용하는 연산자, 결과값으로 boolean값을 반환

종류	설명	비고
A>B	A가 B보다 크다.
A<B	A가 B보다 작다.
A>=B	A가 B보다 크거나 같다.
A<=B	A가 B보다 작거나 같다.
A==B	A와 B는 같다.	숫자를 비교할 경우, 두 데이터가 자료형이 다르더라도 표기된 숫자가 같으면 true를 반환
A!=B	A와 B는 다르다.	숫자를 비교할 경우, 두 데이터가 자료형이 다르더라도 표기된 숫자가 다르면 true를 반환
A===B	A와 B는 같다.	숫자를 비교할 경우, 두 데이터가 자료형이 다르면 표기된 숫자가 같아도 false를 반환
A!==B	A와 B는 다르다.	숫자를 비교할 경우, 두 데이터가 자료형이 다르면 표기된 숫자가 달라도 false를 반환

예제

: == 와 === 의 차이점

var k = 10, m = "10";
k == 10 // true
m == 10 // true
k === 10 // true
m === 10 // false

논리 연산자

: 아래 결과에 따라 boolean값을 반환

• || : or 연산자라 부르며, 피연산자 값 중 하나라도 true가 존재하면 true 반환
• && : and 연산자라 부르며, 피연산자 값 모두 true여야 true 반환
• ! : not 연산자라 부르며, 피연산자 값이 true이면 false 반환

var a = 10; b = 20; m = 30; n = 40;
var result;

result = a>b || b>=m || m>n;
// false || false || false -> result = false

result = a>b || b>=m || m<=n;
// false || false || true -> result = true

result = a<=b && b>=m && m<=n; 
// true && false && true -> result = false

result = a<=b && b<=m && m<=n; 
// true && true && true -> result = true

연산자 우선순위

: 우선순위대로 연산이 진행된다.

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

삼항 조건 연산자

: 조건식의 결과에 따라 실행 결과가 달라지는 연산자

조건식 ? JS 코드 1; JS 코드 2 ;

var a = 10;
var b = 20;

var result = a < b ? "JS code"; "hello"; // a < b가 true 이니 "JS code"가 저장됨

document.write(result); // JS code