[JavaScript] #07 Javascript 기본문법, JavaScript 연산자 완전 정리! 종류별 예제와 함께 배우기

 

 

토스트데브입니다!
이번 글에서는 JavaScript의 연산자(Operators)에 대해 알아보겠습니다.
연산자는 값을 계산하거나 비교하고 조합하는 데 필수적인 문법 요소입니다.

JavaScript에서는 다양한 연산자가 있으며, 각 연산자는 특정한 역할을 가지고 있어요. 지금부터 하나씩 알아볼까요?

 

 

➕ 1. 산술 연산자 (Arithmetic Operators)

숫자 계산에 사용하는 기본적인 연산자입니다.

연산자	설명	예제
+	더하기	5 + 2 → 7
-	빼기	5 - 2 → 3
*	곱하기	5 * 2 → 10
/	나누기	5 / 2 → 2.5
%	나머지	5 % 2 → 1
**	거듭제곱 (ES6)	2 ** 3 → 8

 

 

🔁 2. 대입 연산자 (Assignment Operators)

변수에 값을 할당할 때 사용하는 연산자입니다.

연산자	설명	예제
=	대입	x = 10
+=	더한 후 대입	x += 5 → x = x + 5
-=	뺀 후 대입	x -= 3
*=	곱한 후 대입	x *= 2
/=	나눈 후 대입	x /= 4
%=	나머지를 대입	x %= 2

 

 

⚖️ 3. 비교 연산자 (Comparison Operators)

두 값을 비교해서 불리언(true/false) 결과를 반환합니다.

연산자	설명	예제
==	값만 비교	5 == '5' → true
===	값과 타입까지 모두 비교	5 === '5' → false
!=	같지 않음 (값만 비교)	5 != '5' → false
!==	값 또는 타입 다름	5 !== '5' → true
>	크다	10 > 5 → true
<	작다	3 < 7 → true
>=	크거나 같다	5 >= 5 → true
<=	작거나 같다	4 <= 3 → false

🔍 항상 ===와 !==를 사용하는 것이 권장 됩니다. (암묵적 형 변환 방지)

 

 

🔀 4. 논리 연산자 (Logical Operators)

조건문이나 여러 불리언 값을 조합할 때 사용됩니다.

연산자	설명	예제
&&	AND (그리고)	true && false → false
`		`
!	NOT (부정)	!true → false

 

 

🧱 5. 타입 연산자

typeof – 값의 타입을 반환

typeof 123        // "number"
typeof "hello"    // "string"
typeof true       // "boolean"

instanceof – 해당 객체가 어떤 생성자 함수로부터 만들어졌는지 확인

const arr = [];
console.log(arr instanceof Array); // true

 

 

🔧 6. 기타 자주 쓰는 연산자

삼항 연산자 (조건부 연산자)

const result = (age >= 18) ? "성인" : "미성년자";

전위 / 후위 연산자

let x = 5;
console.log(++x); // 6 (전위)
console.log(x++); // 6 → 다음에 7 (후위)

 

 

✅ 마무리하며

연산자는 JavaScript의 가장 핵심적인 기능 중 하나입니다.
자료를 비교하고 계산하고 조건을 만들고 결과를 결정할 수 있기 때문이죠.

특히 ===, !==, &&, ||, 삼항 연산자 같은 것들은 실무에서 매우 자주 사용되니 꼭 익혀두세요!

다음 글에서는 조건문을 함께 정리해보겠습니다 😊

 

 

#JavaScript, #자바스크립트기초, #연산자, #비교연산자, #산술연산자, #논리연산자, #삼항연산자, #typeof, #코딩입문, #웹개발, #ToastDev