[Javascript] 기본 연산자와 수학

기본 연산자

javascript에서는 다양한 종류의 연산자가 사용됩니다.

단항 연산자

단항 연산자는 하나의 피연산자에 대해 적용되는 연산자입니다. 가장 일반적인 단항 연산자는 부호 연산자입니다. 부호 연산자는 + 또는 -로 나타낼 수 있으며, 피연산자의 부호를 반대로 바꿉니다.

let x = 10;

console.log(-x); // -10

이항 연산자

이항 연산자는 두 개의 피연산자에 대해 적용되는 연산자입니다. 기본 연산자인 덧셈 (+), 뺄셈 (-), 곱셈 (*), 나눗셈 (/), 그리고 나머지 (%) 연산자가 이항 연산자에 해당합니다.

let x = 10;
let y = 5;

console.log(x + y); // 15
console.log(x - y); // 5
console.log(x * y); // 50
console.log(x / y); // 2
console.log(x % y); // 0

피연산자

피연산자는 연산자가 적용되는 값입니다. 숫자, 문자열, 변수, 그리고 함수 호출 등이 모두 피연산자가 될 수 있습니다.

let x = 10;
let y = "5";
let z = x + y;

console.log(z); // "105"

덧셈

덧셈 연산자는 +입니다. 덧셈 연산자를 사용하여 두 개의 값을 더할 수 있습니다. 다음 예시 코드를 살펴봅시다.

let a = 10;
let b = 5;

console.log(a + b); // 15

뺄셈

뺄셈 연산자는 -입니다. 뺄셈 연산자를 사용하여 두 개의 값을 뺄 수 있습니다. 아래 예시 코드를 살펴봅시다.

let a = 10;
let b = 5;

console.log(a - b); // 5

곱셈

곱셈 연산자는 *입니다. 곱셈 연산자를 사용하여 두 개의 값을 곱할 수 있습니다. 아래 예시 코드를 살펴봅시다.

let a = 10;
let b = 5;

console.log(a * b); // 50

나눗셈

나눗셈 연산자는 /입니다. 나눗셈 연산자를 사용하여 두 개의 값을 나눌 수 있습니다. 아래 예시 코드를 살펴봅시다.

let a = 10;
let b = 5;

console.log(a / b); // 2

나머지

나머지 연산자는 %입니다. 나머지 연산자를 사용하여 두 개의 값을 나눈 후 나머지를 구할 수 있습니다. 아래 예시 코드를 살펴봅시다.

let a = 10;
let b = 5;

console.log(a % b); // 0

거듭제곱

자바스크립트에는 거듭제곱 연산자가 있습니다. 거듭제곱 연산자는 두 개의 값을 제곱한 결과를 반환합니다. 거듭제곱 연산자는 ** 기호로 표시됩니다.

let x = 2;
let y = 3;

console.log(x ** y); // 8

위의 코드는 2를 3번 제곱한 결과인 8을 출력합니다.

거듭제곱 연산자는 ES7에서 추가되었습니다. 이전 버전의 자바스크립트에서는 Math.pow() 함수를 사용하여 거듭제곱을 계산해야 했습니다.

let x = 2;
let y = 3;

console.log(Math.pow(x, y)); // 8

위의 코드는 Math.pow() 함수를 사용하여 2를 3번 제곱한 결과인 8을 출력합니다.

거듭제곱 연산자는 다른 연산자와 함께 사용할 수 있습니다.

let x = 2;
let y = 3;
let z = 4;

console.log(x ** y * z); // 32

위의 코드는 2를 3번 제곱한 후 4와 곱한 결과인 32를 출력합니다.

거듭제곱 연산자는 다른 연산자와 함께 사용할 때, 연산 순서가 중요합니다. 위의 예시에서는 x ** y가 먼저 계산되고, 그 결과에 z가 곱해졌습니다.

거듭제곱 연산자는 지수 계산을 쉽게 처리할 수 있도록 도와줍니다. 이전에는 Math.pow() 함수를 사용하여 거듭제곱을 계산해야 했지만, 이제는 간단한 기호(**)만으로도 쉽게 거듭제곱을 계산할 수 있습니다.

수학 함수

javascript에는 수학 함수도 포함되어 있습니다. 수학 함수 중 일부를 살펴보겠습니다.

Math.abs()

Math.abs() 함수는 인수로 주어진 숫자의 절댓값을 반환합니다. 아래 예시 코드를 살펴봅시다.

let x = -10;

console.log(Math.abs(x)); // 10

Math.pow()

Math.pow() 함수는 첫 번째 인수를 두 번째 인수만큼 제곱한 값을 반환합니다. 아래 예시 코드를 살펴봅시다.

let x = 10;
let y = 2;

console.log(Math.pow(x, y)); // 100

Math.sqrt()

Math.sqrt() 함수는 인수로 주어진 숫자의 제곱근을 반환합니다. 아래 예시 코드를 살펴봅시다.

let x = 2;

console.log(Math.sqrt(x)); // 1.4142135623730951

Math.floor()

Math.floor() 함수는 인수로 주어진 숫자보다 작거나 같은 최대 정수를 반환합니다. 아래 예시 코드를 살펴봅시다.

let x = 2.9;

console.log(Math.floor(x)); // 2

Math.ceil()

Math.ceil() 함수는 인수로 주어진 숫자보다 크거나 같은 최소 정수를 반환합니다. 아래 예시 코드를 살펴봅시다.

let x = 2.1;

console.log(Math.ceil(x)); // 3

Math.round()

Math.round() 함수는 인수로 주어진 숫자의 반올림 값을 반환합니다. 아래 예시 코드를 살펴봅시다.

let x = 2.5;

console.log(Math.round(x)); // 3

자바스크립트 연산자 우선순위

자바스크립트에서 연산자의 우선순위는 다음과 같습니다.

1. 괄호 ()
2. 단항 연산자 ++, --, +, -, !, typeof, void, delete, new
3. 거듭제곱 연산자 **
4. 이항 연산자 * , /, %
5. 이항 연산자 +, -
6. 이항 연산자 <<, >>, >>>
7. 비교 연산자 <, <=, >, >=, in, instanceof
8. 비교 연산자 ==, !=
9. 비교 연산자 ===, !==
10. 논리 연산자 &&
11. 논리 연산자 ||
12. 조건 연산자 ? :
13. 할당 연산자 =, +=, -=, *=, /=, %=, <<=, >>=, >>>=, &=, ^=, |=
14. 콤마 ,

이 우선순위를 이용하여 연산자의 우선순위를 명확하게 할 수 있습니다.

let a = 2, b = 3, c = 4;

console.log(a + b * c); // 14
console.log((a + b) * c); // 20
console.log(a++ + b); // 5
console.log(a); // 3

위의 코드에서는 괄호, 단항 연산자, 이항 연산자, 할당 연산자, 콤마 연산자가 사용되었습니다.

첫 번째 줄에서는 이항 연산자의 우선순위 때문에 b * c가 먼저 계산되고, 그 결과에 a가 더해져 14가 출력됩니다.

두 번째 줄에서는 괄호를 이용하여 먼저 a + b를 계산하고, 그 결과에 c를 곱하여 20이 출력됩니다.

세 번째 줄에서는 단항 연산자와 이항 연산자를 함께 사용합니다. a++은 후위 연산자이므로, 먼저 a + b가 계산되고, 그 결과에 a가 더해지고, a의 값이 1 증가합니다.

자바스크립트에서는 연산자의 우선순위를 명확히 이해하고 사용하는 것이 중요합니다. 이를 이용하여 코드를 작성하면 더욱 명확하고 효율적인 코드를 만들 수 있습니다.