[프론트엔드][JavaScript] 8. 연산자1 - 산술, 비교, 대입, 논리

산술 연산자

: 사칙연산 및 기본적인 연산을 하는 연산자

 

+	덧셈
-	뺄셈
*	곱셈
/	나눗셈
%	나눈 나머지
**	거듭제곱

 

비교 연산자

: 피연산자 사이의 상대적인 크기를 판단하여 참 또는 거짓을 반환하는 연산자

 

>	크다
<	작다
>=	크거나 같다
<=	작거나 같다
==	값이 같다
===	타입과 값 모두 같다
!=	값이 다르다
!==	타입과 값 모두 다르다

 

 

대입연산자

: 변수나 상수에 값을 대입할 때 사용하는 연산자

 

=	우측의 값을 왼쪽(변수 or 상수)에 대입
+= -= *= /= %= **=	우측의 값을 왼쪽의 값과 연산 후 다시 왼쪽(변수)에 대입

 

<script>
  'use strict';
  let num1 = 10;
  let num2 = 10;
  let num3 = 10;

  num1 += 10;
  console.log(`num1 += 10 = ${num1}`); // 20

  num2 -= 10;
  console.log(`num2 -= 10 = ${num2}`); // 0

  num3 =- 5; // - 5 띄어써도 마이너스!!
  console.log(`num3 =- 5 = ${num3}`); // -5
</script>

 

 

 

증감연산자

: 1씩 증가시키거나 또는 감소시킬 때 사용하는 연산자

 

주의! 연산자의 위치가 어디에 있는지에 따라 결과가 달라질 수 있다.

++변수 --변수	변수의 값을 1증가(감소) 시킨 후, 다음 연산을 진행한다.
변수++ 변수--	먼저 연산을 수행한 후, 변수의 값을 1증가(감소) 시킨다.

 

<script>
  'use strict';
  let num1 = 10;
  console.log(`현재 num1의 값 : ${num1}`);
  console.log(`++num1의 값 : ${++num1}`);
  console.log(`현재 num1의 값 : ${num1}`);
  console.log(`num1++의 값 : ${num1++}`);
  console.log(`현재 num1의 값 : ${num1}`);

  let num2 = 10;
  ++num2;
  console.log(`현재 num2의 값 : ${num2}`);
  num2++;
  console.log(`현재 num2의 값 : ${num2}`);

  let num3 = ++num2;
  console.log(`현재 num2의 값 : ${num2}, 현재 num3의 값 : ${num3}`);

  let num4 = num2++;
  console.log(`현재 num2의 값 : ${num2}, 현재 num3의 값 : ${num4}`);
</script>