[React] - [처음 만난 리액트] - 03. JavaScript의 연산자

🧹 두서없이 적는 쉬운 정리

1. 데이터로 연산할 때 연산자를 사용한다.

2. 연산자는 [대입, 산술, 증감, 관계(비교), 동등, 일치, 이진 논리, 조건부(삼항)]가 있다.

3. 대입 연산자 : 말 그대로 대입, '=' 사용

4. 산술 연산자 : 사칙연산, %(나머지), **(지수)로 구성 

5. 증감 연산자 : 증가, 감소를 시행, '++'와 '--'를 사용

6. 관계(비교) 연산자 : 비교를 시행, ['<', '>', '<=', '>=']를 사용

7. 동등 연산자 : 동등한지 비교, '=='를 사용

8. 일치 연산자 : 완전히 일치한 지 비교, '==='를 사용

9. 이진 논리 연산자 : true와 false값을 비교, '||'와 '&&'를 사용

10. 조건부(삼항) 연산자 : 조건에 따라 결과가 두 가지로 나눠지는 것, '조건식? true일 경우 : false일 경우' 형식으로 사용

 

 

 

(자세한 내용은 아래 참고)

---

👀 연산자란?

변수에 있는 데이터로 연산 할 때 필요한 것을 연산자(Operator)라고 한다.

 

 

☄️ 대입 연산자

말 그대로 변수에 값을 대입한다. 

'='를 사용한다  *항상 오른쪽에서 왼쪽 방향으로 흘러간다.

🧑🏻‍💻 대입 연산자 예제

---

🧑🏻‍🏫 산술 연산자(사칙연산)

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

지수 연산자 : 지수(**)

추가로 산술 연산자들은 대입연산자와 함께 쓰이는 경우가 많다.

 

🧑🏻‍💻 산술 연산자 예제

\

 

---

🕵🏻 증감 연산자(증가 연산자와 감소 연산자)

증가, 증가를 함한 증감연산자라고 불린다.

증감 연산자의 방식은 2가지가 있다. 방식에 따라 값이 달라진다.

 

• postfix 방식 : a++ (a 해석 후 +)
• prexfix 방식 : ++a (+ 후 a값 해석)

 

🧑🏻‍💻 증감 연산자 예제

 

---

🎏 관계 연산자

변수들 끼리 관계를 비교하기 위함이기 때문에 '비교 연산자'라고도 불린다.

비교연산자는 항상 왼쪽을 기준으로 삼으면 된다. * 비교 연산자 : <, >, <=, >= 

 

🧑🏻‍💻 관계(비교) 연산자 예제

---

😝 동등 연산자와 일치 연산자

값이 같은지 다른지를 확인하기 위하여 사용한다.

프로그래밍에서 '!'는 부정을 의미한다.

 

 

여기서 더욱 엄격하게 비교하기 위하여 '일치 연산자'도 사용한다.

 

🧑🏻‍💻 동등 연산자, 일치 연산자 예제

 

 

---

🤷🏻 이진 논리 연산자

true, false 값만 비교하는 연산자.

🧑🏻‍💻 이진 논리 연산자 예제

 

 

 

---

👨‍👧‍👧 조건부(삼항) 연산자

조건에 따라 결과가 두 가지로 나눠지는 것  다른 말로는 '삼항 연산자'로도 불린다.

'조건식? true일 경우 : false일 경우' 형식으로 사용된다.

 

🧑🏻‍💻 조건부 연산자 예제

 

 

 

위 내용은 '소플' 님의 '처음 만난 리액트' 영상을 참고하여 작성되었습니다.