[JavaScript] 자바스크립트의 기초_연산자

 

 

---

 

 

사이드 프로젝트를 위한 자바스크립트

인프런 한 입 크기로 잘라먹는 리엑트(React): 기초부터 실전까지
강의를 기반으로 정리하였으며, 상업적 목적이 아닌 학습 기록용 입니다.

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지| 이정환 Winterlood - 인프런 강의

 

 

목차

연산자

대입 연산자

산술 연산자

복합 대입 연산자

증감 연산자

논리 연산자

비교 연산자

 

 

---

 

 

연산자

연산자: 프로그래밍에서 다양한 연산을 수행하기 위한 기호나 키워드를 의미한다.
덧셈, 뺄셈, 곱셈, 나눗셈과 같은 기본적인 산술 연산부터, 값의 할당, 비교, 논리적 판단까지 모든 부분에서 사용된다.

• 대입 연산자 (=)
• 산술 연산자 (+, -, *, /, %)
• 복합 대입 연산자 (+=, -=, *=, /=, %=)
• 증감 연산자 (++, --)
• 논리 연산자 (||, &&, !)
• 비교 연산자 (==, ===, !=, !==, >, <, >=, <=)

 

 

 

 

대입 연산자

대입 연산자: 오른쪽의 값을 왼쪽에 있는 변수에 할당하는 경우에 사용한다.

// 1. 대입 연산자(=)
let var1 = 1;
// console.log(var1);

 

 

---

 

 

산술 연산자

산술 연산자: 숫자 값을 가지고 사칙연산을 수행하는 데 사용된다.

산술 연산자 종류
+ (덧셈)
– (뺄셈)
* (곱셈)
/ (나눗셈)
% (나머지 연산, 모듈러 연산)
+ 연산자 우선순위 고려: 곱셈과 나눗셈은 덧셈과 뺄셈보다 우선순위가 높으며, 괄호()를 사용하면 우선순위 조절이 가능하다.

// 2. 산술 연산자
let num1 = 3 + 2;
let num2 = 3 - 2;
let num3 = 3 * 2;
let num4 = 3 / 2;
let num5 = 3 % 2;

let num6 = 1 + 2 * 10;
// console.log(num6);

let num7 = (1 + 2) * 10;
// console.log(num7);

 

 

---

 

 

복합 대입 연산자

복합 대입 연산자: 산술 연산과 대입 연산을 결합한 형태로, 변수의 값을 변경하고 다시 할당하는 과정을 줄여준다.

// 3. 복합 대입 연산자(산술 + 대입)
let num8 = 10;
num8 += 20;
num8 -= 20;
num8 *= 20;
num8 /= 20;
num8 %= 20;
// console.log(num8);

 

 

---

 

 

증감 연산자

증감 연산자: 변수의 값을 1 증가시키거나 1 감소시킬 때 사용한다.

전위연산(++변수명, --변수명): 값을 먼저 증감시킨 후 다른 연산을 수행한다.
후위연산(변수명++, 변수명--): 현재 값을 먼저 사용한 후 값을 증감시킨다.

// 4. 중감 연산자
let num9 = 10;
++num9; // 전위연산
num9++; // 후위연산
// console.log(num9);

 

 

---

 

 

논리 연산자

논리 연산자: 불리언(boolean) 값을 가지고 논리적인 판단을 수행할 때 사용한다.

|| (OR): 둘 중 하나라도 true이면 true를 반환한다.
&& (AND): 둘 다 true여야 true를 반환한다.
! (NOT): 값을 반전시킨다. (true는 false로, false는 true로)

// 5. 논리 연산자
let or = true || false;
let and = true && false;
let not = !true;
// console.log(or, and, not);

 

 

---

 

 

비교 연산자

비교 연산자: 두 값을 비교하여 true 또는 false의 불리언 결과를 반환한다.

== (동등 연산자): 두 값의 값만 비교합니다. 자료형은 고려하지 않는다.
=== (일치 연산자): 두 값의 값과 자료형 모두 비교합니다. 자료형까지 일치해야 true를 반환한다.
!= (부등 연산자): 두 값의 값이 다르면 true를 반환한다.
!== (불일치 연산자): 두 값의 값 또는 자료형이 다르면 true를 반환한다.
> (보다 큼), < (보다 작음), >= (보다 크거나 같음), <= (보다 작거나 같음): 숫자의 크기를 비교한다.

// 6. 비교 연산자
// === 3번을 사용하는 경우에는 값의 자료형까지 고려한다
let comp0 = 1 == "1"; // 자료형은 고려되지 않아 true를 산출
let comp1 = 1 === 2;
let comp2 = 1 !== 2;
// console.log(comp0, comp1, comp2);

let comp3 = 2 > 1;
let comp4 = 2 < 1;
// console.log(comp3, comp4);

let comp5 = 2 >= 2;
let comp6 = 2 <= 2;
console.log(comp5, comp6);