7. 계산에 필요한 연산자

방은혜·2024년 12월 5일

JavaScript

목록 보기
7/15

계산에 필요한 연산자

오늘은 연산자의 의미와 활용하는 방법을 알아보자.

연산자? 연산을 하기위해 필요한 기호
연산? 주어진 식을 계산해서 결과를 얻는 과정

단항연산자란?

num = -3;

피연산자가 한개: -당하는수는 3 하나 라서
피연산자는 아래 11이나 2에 해당

num = 11 % 2;

11을 2로 나누고 나머지를 취하겠다는 뜻

산술 연산자와 우선순위

산술 연산자

산술 연산자는 피연산자가 2개인 이항(二項) 연산자
덧셈( + ), 뺄셈( - ), 곱셈( * ), 나눗셈( / ), 나머지( % ), 거듭제곱( ** ) 등

const num1 = 3 + 4;
const num2 = 11 % 2;
const num3 = 2 ** 3;

console.log(num1, num2, num3);
// 결과
7 1 8

연산자의 우선순위

  • 산술 연산자 사이에는 우선순위가 존재한다.
  • 괄호 안의 연산이 가장 우선순위가 높다.
  • 거듭제곱 연산이 곱셈, 나눗셈 연산보다 우선순위가 높다.
  • 곱셈, 나눗셈 연산이 덧셈, 뺄셈 연산보다 우선순위가 높다.
  • 대입(할당) 연산자는 산술 연산자보다 우선순위가 낮다.
let i = 3 + 4 * 5; // 일반적인 우선순위
console.log(i); 

i = (3 + 4) * 5; // 덧셈부터 먼저 연산하고 싶은 경우 
console.log(i);
// 결과
23
35

대입 연산자와 복합 대입 연산자

대입 연산자(=)

변수에 값을 대입할 때 사용하는 이항 연산자
오른쪽 항의 값을 왼쪽 항의 변수에 대입(할당)한다.
한 줄에 여러 개의 대입 연산자가 있으면, 오른쪽에서 왼쪽으로 차례대로 대입이 이루어진다.
가장 마지막에 진행, 연산 결과도 마지막에 대입

복합 대입 연산자

산술 연산자와 대입 연산자를 하나로 나타내는 이항 연산자
산술 연산과 값 대입을 한 번에 처리할 수 있어 코드가 간결해지고 가독성이 높아진다.

let a = 5;
a += 3; 
console.log(a);
// 결과
8
let a = 5;
a -= 4; 
console.log(a);
// 결과
1
let a = 5;
a *= 6; 
console.log(a);
// 결과
30

증감 연산자(전위,후위복습하기)

변수의 앞이나 뒤에 사용, 값을 하나 올리거나 내릴 때
(=단항 연산자로 피연산자가 한 개다)
피연산자가 한 개 라는 것은 영향을 받는 피연산자가 한 개 라는 뜻
변수의 값을 1씩 증가 또는 감소시키는 단항 연산자
변수의 값을 1 증가시키는 증가 연산자( ++ )와 1 감소시키는 감소 연산자( -- )가 있다.
증감 연산자는 위치에 따라 전위 연산자와 후위 연산자로 나뉘며, 동작 방식이 다르다.
전위 연산자는 변수 앞에 붙는 연산자로, 증감 연산을 먼저 진행하고 값을 반환한다.
후위 연산자는 변수 뒤에 붙는 연산자로, 값을 먼저 반환하고 증감 연산을 진행한다.
전위형은 증가·감소 후의 새로운 값을 반환하는 반면, 후위형은 증가·감소 전의 기존 값을 반환합니다.

<표> 후위 증감 연산자의 종류

let a = 5;
a++;
console.log(a);
// 결과
6
let a = 5;
a--;
console.log(a);
// 결과
4


<표> 전위 증감 연산자의 종류

let a = 5;
let b = a++;
console.log('a:', a, 'b:', b);
// 결과
a: 6 b: 5

후위 증가 연산 결과를 대입했으므로, b에는 증가 전의 a의 값이 할당된다.

let a = 5;
let b = ++a;
console.log('a:', a, 'b:', b);
// 결과
a: 6 b: 6

전위 증가 연산 결과를 대입했으므로, b에는 이미 증가한 a의 값이 할당됩니다.


직접 작성해 보면서 해석하고 활용해 보자!

0개의 댓글