[JavaScript] 연산자

이항 연산자와 할당 연산자

연산자	의미
+	덧셈
-	뺄셈
*	곱셈
/	나눗셈
%	나머지

• 덧셈

// 이항연산자
var num1 = 0;
num1 = num1 + 10;
console.log(num1);

// 할당 연산자
var num2 = 0;
num2 += 10;
console.log(num2);

같은 결과

• 뺄셈

// 이항 연산자
var num1 = 0;
num1 = num1 - 10;
console.log(num1);

// 할당 연산자
var num2 = 0;
num2 -= 10;
console.log(num2);

같은 결과

• 곱셈

// 이항 연산자
var num1 = 2;
num1 = num1 * 10;
console.log(num1);

// 할당 연산자
var num2 = 2;
num2 *= 10;
console.log(num2);

결과 20

 

• 나눗셈

// 이항 연산자
var num1 = 10;
num1 = num1 / 2;
console.log(num1);

// 할당 연산자
var num2 = 10;
num2 /= 2;
console.log(num2);

결과 5

 

• 나머지

// 이항 연산자
var num1 = 10;
num1 = num1 % 3;
console.log(num1);

// 할당 연산자
var num2 = 10;
num2 %= 3;
console.log(num2);

결과 1

---

단항 연산자

연산자	의미
++	증가
--	감소
+
-	양수를 음수로, 음수를 양수로

증감 연산자 위치에 따른 차이점

var x = 0;
console.log(x);
x++; // 선대입 후 증가
console.log(x);
++x; // 선증가 후 대입
console.log(x);

console.log("선대입 후 증가");
console.log(x++);	// <--- 출력 후에 증가
console.log(x);

console.log("선증가 후 대입");
console.log(++x);	// <--- 증가 후에 출력
console.log(x);

var x = 0;
console.log(x);
x--; // 선대입 후 감소
console.log(x);
--x; // 선감소 후 대입
console.log(x);

console.log("선대입 후 감소");
console.log(x--);	// <--- 출력 후에 감소
console.log(x);

console.log("선감소 후 대입");
console.log(--x);	// <--- 감소 후에 출력
console.log(x);

+ - 연산자

var x = 10;
console.log(+(x));
console.log(-(x));

---

비교 연산자

연산자	예시	의미
==	x==y	x와 y의 값이 같은지
===	x===y	x와 y의 값이 같고, 타입도 같은지
!=	x!=y	x와 y의 값이 다른지
!==	x!==y	x와 y가 다른지
<	x<y	x보다 y가 큰지
<=	x<=y	x보다 y가 크거나 같은지
>	x>y	x보다 y가 작은지
>=	x>=y	x보다 y가 작거나 같은지

---

삼항 조건 연산자

조건식 ? 조건식이 true일때 쓰일 값 : 조건식이 false 일때 쓰일 값

var condition = true;
var result = condition ? "맞음" : "틀림";
console.log( result );

condition = false;
result = condition ? "맞음" : "틀림";
console.log( result );

---

논리 연산자

연산자	의미
||	OR 또는
&&	AND 그리고
!	NOT 부정

// 논리합(||) 연산자
console.log(true || true);// true
console.log(true || false);// true
console.log(false || true);// true
console.log(false || false);// false

// 논리곱(&&) 연산자
console.log(true && true);// true
console.log(true && false);// false
console.log(false && true);// false
console.log(false && false);// false

// 논리 부정(!) 연산자
console.log(!true);// false
console.log(!false);// true

---

쉼표 연산자

var a = 1, b = 2, c = 3;

같이 선언 가능

---

그룹 연산자

var  result1 = 10 * 2 + 3   // 23
console.log(result1);
var  result2 = 10 * (2 + 3) // 50
console.log(result2);

괄호 부분이 우선 연산 된다.

---

typeof 연산자

typeof도 연산자 이다.

typeof ''              // "string"
typeof 1               // "number"
typeof NaN             // "number"
typeof true            // "boolean"
typeof undefined       // "undefined"
typeof Symbol()        // "symbol"
typeof null            // "object"  < -----  오류
typeof []              // "object"
typeof {}              // "object"
typeof new Date()      // "object"
typeof /test/gi        // "object"
typeof function () {}  // "function"