[ 자바스크립트 ]연산자(operator) 이항 산술 연산자, 단항 산술연산자, 전위 연산자, 후위 연산자

안녕하세요~ 이번에는 자바스크립트에서 연산자를 알아보고 연산자의 종류 중 단항 산술 연산자와, 증감 연산자, 전위, 후위 연산자를 살펴보겠습니다. 

목차

1. 연산자

1-1 연산자(operator) 란?

1-2 연산자 종류

 

2. 산술 연산자

2-1 이항 산술 연산자

2-2 단항 산술 연산자

2-3 전위 연산자

2-4 후위 연산자

서론

자바스크립트에서 연산자에 대해 알아보고 연산자의 개념과, 종류에 대해 각각 알아보고 코드를 통해 이해하는 시간을 갖게 되겠습니다.

본론

우선 자바스크립트에서 연산자(operator)가 무엇인지 알아볼 필요가 있겠습니다. 

1. 연산자(operator)

 

1-1. 연산자(operator)란?

자바스크립트에서 연산자란 숫자를 계산하거나 문자열을 연결하는 등 다양한 작업을 수행하는 데 사용됩니다. 마치 수학에서 사칙연산 기호처럼 생각하면 됩니다.

1-2. 연산자(operator)의 종류

연산자의 종류에는 다양한 연산자가 있습니다. 

 

• 산술 연산자: 숫자를 더하거나 빼는 등의 수학적인 계산을 수행합니다. (+, -, *, /, %, ++, --)
• 문자열 연산자: 문자열을 연결합니다. (+)
• 비교 연산자: 두 값을 비교하여 참(true) 또는 거짓(false)을 반환합니다. (==, ===, !=, !==, >, <, >=, <=)
• 논리 연산자: 조건을 판단하여 참 또는 거짓을 반환합니다. (&&, ||, !)
• 대입 연산자: 값을 변수에 할당합니다. (=)
• 기타 연산자: 삼항 연산자, 비트 연산자 등 다양한 종류가 있습니다.

이번에 알아볼 연산자는 이항 산술연산자와 단항 산술 연산자 입니다 즉, 산술 연산자에 속하는 셈이죠

 

2. 산술연산자

 

2-1. 이항 산술 연산자

이항 산술 연산자는 두 개의 값을 가지고 수학적인 계산을 수행하는 연산자입니다.

 

이항 산술연산자에는 사칙연산처럼 덧셈, 뺄셈, 곱셈, 나눗셈이 있습니다.

 

• +: 덧셈
• - : 뺄셈

• * :  곱셈 

• / : 나눗셈
• % : 나머지

그럼 이항 산술연산자를 사용한 코드를 보겠습니다.

let num1 = 10;
let num2 = 3;

// 덧셈
let sum = num1 + num2; // 13

// 뺄셈
let difference = num1 - num2; // 7

// 곱셈
let product = num1 * num2; // 30

// 나눗셈
let quotient = num1 / num2; // 3.3333333333333335

// 나머지
let remainder = num1 % num2; // 1

 

이렇게 이항 산술 연산자를 사용하여 프로그래밍에서도 사칙연산을 하여 값을 구할 수 있습니다.

2-2. 단항 산술 연산자

 

단항 산술 연산자는 하나의 피연산자(값)에만 작용하여 그 값을 변화시키는 연산자입니다. 주로 값을 증가시키거나 감소시키는 데 사용됩니다.

 

단항 산술 연산자 종류

• ++: 값을 1 증가시킵니다.
• --: 값을 1 감소시킵니다.
• +: 숫자로 변환합니다.
• - : 부호를 반대로 바꿉니다.

여기서 주의할 점은 이항 산술 연산자에서 +, - 해석이 다르다는 겁니다. 이항 산술 연산자에서는 덧셈, 뺄셈으로 해석이 되지만 단항 산술 연산자에서는 부호가 바뀌거나 다른 자료형으로 변환된다는 겁니다. 

 

단항 산술 연산자를 이용한 예시 코드입니다.

let num = 5;

// 전위 증가 연산자: 먼저 값을 1 증가시킨 후에 그 값을 반환합니다.
console.log(++num); // 6 (num은 6이 됩니다)

// 후위 증가 연산자: 먼저 현재 값을 반환한 후에 값을 1 증가시킵니다.
console.log(num++); // 6 (num은 7이 되지만, 현재 값인 6을 반환합니다)
console.log(num); // 7

// 전위 감소 연산자
console.log(--num); // 6 (num은 6이 됩니다)

// 후위 감소 연산자
console.log(num--); // 6 (num은 5가 되지만, 현재 값인 6을 반환합니다)
console.log(num); // 5

// 숫자로 변환
let str = "10";
let num1 = +str; // num1은 숫자 10이 됩니다.
console.log(num1);

// 부호 변경
let x = -5;
let y = -x; // y는 5가 됩니다.
console.log(y);

 

 

전위 연산자와 후위 연산자가 많은 분들이 헷갈리시는 부분일 수도 있습니다.  그럼 전위 연산자와 후위 연산자를 살펴보겠습니다.

2-3 전위 연산자 (Prefix Operator)

전위 연산자는 연산자가 변수 앞에 위치하고 먼저 연산을 수행하고, 그 결과를 반환합니다.

 

전위 연산자 예시코드

let num = 5;
console.log(++num); // 6 (num은 6이 됨)

여기서 코드를 보시면  num 변수에 5 값이 할당이 되었습니다. 하지만 다음줄 코드에서는 전위연산자를 사용하여 출력하면서 num의 값을 증가시켜 6값을 반환하도록 되어있습니다.

2-4 후위 연산자 (Postfix Operator)

 

후위 연산자는 연산자가 변수 뒤에 위치하고 먼저 현재 값을 반환한 뒤 연산을 수행합니다.

후위 연산자 예시코드

let num = 5;
console.log(num++); // 5 (num은 6이 되지만, 현재 값인 5를 반환)

 

 

여기에서는  num++은 먼저 num의 현재 값인 5를 출력하고, 그 다음에 num의 값을 1 증가시킵니다. 즉, 출력된 후에 num의 값이 6으로 변경되는 것입니다.

전위와 후위의 차이

• 전위 연산자: 연산자가 피연산자 앞에 위치합니다. 먼저 연산을 수행하고 그 결과를 반환합니다.
• 후위 연산자: 연산자가 피연산자 뒤에 위치합니다. 먼저 현재 값을 반환한 후 연산을 수행합니다.

그럼 연산자의 종류와 간단한 산술 연산자에 대해 알아보았습니다. 감사합니다