코드 기본형 연산자 + 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값을 반환
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
: 우선순위대로 연산이 진행된다.
: 조건식의 결과에 따라 실행 결과가 달라지는 연산자
조건식 ? 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