[유데미x스나이퍼팩토리] 프로젝트 캠프 : Next.js 2기 - 연산자

연산자는 수학과 같습니다.

출처: naver

 

산술연산자
곱셉 : *
덧셈 : +
뺄셈 : -
나눗셈 : /
나머지 : %

연산자와 피연산자

const num1 = 10;
const num2 = 10;
const result = num1 + num2;
console.log(result);

num1, num2 피연산자  + 연산자

 

거듭제곱 연산자

거듭제곱 연산자(exponentiation operator)를 사용한 a ** b를 평가하면 a를 b번 곱한 값이 반환됩니다.

예시:

alert( 2 ** 2 ); // 4  (2 * 2)
alert( 2 ** 3 ); // 8  (2 * 2 * 2)
alert( 2 ** 4 ); // 16 (2 * 2 * 2 * 2)

 

거듭제곱 연산자는 정수가 아닌 숫자에 대해서도 동작합니다. 1/2을 사용하면 제곱근을 구할 수 있죠.

alert( 4 ** (1/2) ); // 2 (1/2 거듭제곱은 제곱근)
alert( 8 ** (1/3) ); // 2 (1/3 거듭제곱은 세제곱근)

### 연습문제

기본 산술 연산
1. 두 숫자 10과 5를 변수 `a`와 `b`에 할당하세요.
const a = 10;
const b = 5;
2. 덧셈, 뺄셈, 곱셈, 나눗셈, 나머지 연산을 수행하고 결과를 각각의 변수에 저장하세요.
const c = a + b;
const d = a - b;
const e = a * b;
const f = a / b;
3. 각 연산의 결과를 콘솔에 출력하세요.
console.log(c);
console.log(d);
console.log(e);
console.log(f);

위 연습문제의 답은 드래그 하시면 볼 수 있습니다.

 

증감연산자

증가 연산자 ++
변수를 1 증가시킵니다.

let num = 10;
num++;
console.log(num); //11

감소 연산자 --
변수를 1 감소시킵니다.

let num2 = 10;
num2--;
num2--;
num2--;
console.log(num2); //7

let num2 = 10;
num2--;
num2--;
num2--;
console.log(num2); //7

 ### 연습문제

 1. 변수 `y`에 숫자 7을 할당하세요.
let y = 7;
     2. 후위 증가 연산자를 사용하여 `y`를 1 증가시키고, 증가하기 전과 후의 값을 각각 출력하세요.
console.log(y) 증가하기전 : 7
console.log(y++) 증가한 후 : 7
     3. 후위 감소 연산자를 사용하여 `y`를 1 감소시키고, 감소하기 전과 후의 값을 각각 출력하세요.
console.log(y) 감소하기전 : 7
console.log(y--) 감소한 후: 7
     4. 전위 증가 연산자를 사용하여 `y`를 1 증가시키고, 증가한 값을 출력하세요.
console.log(++y) 증가한 값:8
     5. 전위 감소 연산자를 사용하여 `y`를 1 감소시키고, 감소한 값을 출력하세요.
console.log(--y) 감소한 값:6

 

대입연산자

대입 연산자는 변수에 값을 대입할 때 사용하는 이항 연산자이며, 피연산자들의 결합 방향은 오른쪽에서 왼쪽입니다.

=	왼쪽의 피연산자에 오른쪽의 피연산자를 대입함.
+=	왼쪽의 피연산자에 오른쪽의 피연산자를 더한 후, 그 결괏값을 왼쪽의 피연산자에 대입함.
-=	왼쪽의 피연산자에서 오른쪽의 피연산자를 뺀 후, 그 결괏값을 왼쪽의 피연산자에 대입함.
*=	왼쪽의 피연산자에 오른쪽의 피연산자를 곱한 후, 그 결괏값을 왼쪽의 피연산자에 대입함.
/=	왼쪽의 피연산자를 오른쪽의 피연산자로 나눈 후, 그 결괏값을 왼쪽의 피연산자에 대입함.
%=	왼쪽의 피연산자를 오른쪽의 피연산자로 나눈 후, 그 나머지를 왼쪽의 피연산자에 대입함.

  연습문제

 1. 복합대입연산자 연습
 - 변수 `x`에 숫자 5을 할당하세요.
let x = 5;
 - 복합 대입 연산자를 사용하여 `x`에 10을 더하고, 그 결과를 출력하세요.
x += 10; //15
console.log(x);
 - 복합 대입 연산자를 사용하여 `x`에서 5를 빼고, 그 결과를 출력하세요.
x -= 5; //10
console.log(x);
 - 복합 대입 연산자를 사용하여 `x`를 2로 나누고, 그 결과를 출력하세요.
x /= 2; //5
console.log(x);
 - 복합 대입 연산자를 사용하여 `x`를 3으로 곱하고, 그 결과를 출력하세요.
x *= 3; //15
console.log(x);

 

 비교연산자

• 보다 큼·작음: a > b, a < b
• 보다 크거나·작거나 같음: a >= b, a <= b
• 같음(동등): a == b. 등호 =가 두 개 연달아 오는 것에 유의하세요. a ​​= b와 같이 등호가 하나일 때는 할당을 의미합니다.
• 같지 않음(부등): 같지 않음을 나타내는 수학 기호 ≠는 자바스크립트에선 a != b로 나타냅니다. 할당연산자 = 앞에 느낌표 !를 붙여서 표시합니다.

동등연산자

동등 연산자(equality operator) ==은 0과 false를 구별하지 못합니다.

 

동등 연산자 자료형을 구분하지 않습니다.

console.log(num1 == num2);
console.log(num1 == strNum);
//10 == "10"


alert( 0 == false ); // true
alert( '' == false ); // true

일치연산자

console.log(num1 === strNum);
// false 자료형 구분

부등연산자

부등 연산자(!=)는 두 피연산자가 같지 않은지 확인하여 불리언 결과를 반환합니다. 엄격한 부등 연산자와는 달리 다른 유형의 피연산자를 암묵적으로 변환하고 비교합니다.

console.log(1 != 1);
// Expected output: false

console.log('hello' != 'hello');
// Expected output: false

console.log('1' != 1);
// Expected output: false

console.log(0 != false);
// Expected output: false

불일치 연산자

두 값이 타입과 값이 모두 다르면 'true', 같으면 'false'를 반환합니다.

타입 변환을 수행하지 않습니다.

console.log(5 !== "5"); // true
console.log(true !== 1); // true
console.log(false !== 0); // true

 

 

본 후기는 본 후기는 [유데미x스나이퍼팩토리] 프로젝트 캠프 : Next.js 2기 과정(B-log) 리뷰로 작성 되었습니다.