[JavaScript 개념] 01. 연산자

목차

해당 글은 효빈 - 한 번에 끝내는 자바스크립트, 이정환 - 한 입 크기로 잘라먹는 리액트 강의를 기반으로 하고 있습니다.

 

1. 산술 연산자

우리가 아는 사칙연산 할 때 쓰이는 연산자들이다

종류	설명
+	더하기
-	빼기
*	곱하기
/	나누기
%	나누기 후   나머지 값

 

---

1 -1.  증감 연산자

반복문에서 1씩 증가 또는 감소할 때 쓰이는 연산자이다.

종류	설명
++	1씩 증가한다
--	1씩 감소한다

 

1-2. 증감 연산자의 후위 연산, 전위 연산

종류	설명
전위연산자(++n / --n)	연산 후 할당
후위연산자 (n++ / n--)	할당 후 연산

 

예시

//후위연산자
let numA = 10

console.log(numA++) //10
console.log(numA)//11


//전위연산자
let numB = 10

console.log(++numB)//11
console.log(num)//11

---

1-3. 복합 대입 연산자

→대입연산자(=)와 다른 연산자가 합쳐진 형태

종류	설명
=	연산자의 오른쪽 값을 왼쪽 변수에 할당
+=	num += 1 ➡️  num = num + 1
-=	num -= 1 ➡️ num = num - 1
*=	num *= 1 ➡️num = num * 1
/=	num /= 1 ➡️ num = num / 1
%=	num %= 1 ➡️num = num % 1

 

---

 

2. 비교연산자

왼쪽과 오른쪽의 값을 비교하는 연산자로, 반환값은 불린형이다.

2-1. 일치 비교 연산자

종류	설명
동등연산자 (==)	값이 일치하는 지 비교
일치 연산자 (===)	값과 타입이 일치하는 지 비교
부등 연산자 (!=)	값이 불일치인 지 비교
불일치 연산자 (!==)	값과 타입이 불일치인 지 비교

 

예시

let num = 10

console.log(num == "10") //ture
console.log(num === "10")//false

console.log(num != "12") //true
console.log(num !== "12")//true
console.log(num !== "10")//true

 

🚨불일치 비교 연산자(!==)의 경우 값과 데이터 타입 중 하나만 달라도 true를 반환한다.

---

2-2. 크기 비교 연산자

종류	설명
>	왼쪽 연산자가 오른쪽 연산자보다 큰지 비교 (초과)
<	왼쪽 연산자가 오른쪽 연산자보다 작은지 비교 (미만)
>=	왼쪽 연산자가 오른쪽 연산자보다 크거나 같은지 비교 (이상)
<=	왼쪽 연산자가 오른쪽 연산자보다 작거나 같은지 비교 (이하)

 

예시

console.log(10 > 5)//true
console.log(10 >= 5)//true
console.log(5 >= 5) //true

console.log(5 < 10)//true
console.log(5 <= 10)//true
console.log(5 <= 5) //true

---

3. 논리연산자

여러개의 조건을 결합하거나 논리적인 계산이 필요할 때 사용하는 연산자.

불린형을 위해 사용되고, 반환값도 불린형이다.

종류	설명
NOT(!)	피연산자의 값을 반대로 바꿈
OR(||)	두가지 조건 중 하나라도 만족하면 true 반환
AND(&&)	두가지 조건이 모두 만족하면 true 반환

 

예시

let isClicked = true;
let isFocused = true;

console.log(!isClicked)//false

console.log(isClicked == true || isFocused == false) //true

console.log(isClicked == true && isFocused == false) //false
console.log(isClicked == true && isFocused == true) //true

---

3-1. 논리 연산자의 단락평가

AND(&&), OR(||)연산자에서 사용되는 평가방식

🚨첫번째 피연산자에 따라 뒤의 피연산자 평가 여부가 결정된다

 

종류	설명
OR(||)	첫번째 피연산자가 false 일 경우 두번째 피연산자에 접근하지 않음
AND(&&)	첫번째 피연산자가 true 일 경우 두번째 피연산자에 접근하지 않음