Published On

JavaScript의 연산자 비교

operators 연산자 must-know

JavaScript는 다양한 종류의 연산자를 제공합니다. 이 연산자들을 이해하는 것은 프로그래밍에서 매우 중요합니다. 이 글에서는 JavaScript의 연산자들 중 몇 가지를 비교하고 설명해 드리려고 합니다.

산술 연산자

산술 연산자는 수학적 계산을 위해 사용됩니다. 예를 들어 더하기(+), 빼기(-), 곱하기(*), 나누기(/)가 있습니다.

예시를 통해 살펴보겠습니다.

index.jsjavascript
let a = 10;
let b = 5;

console.log(a + b); // 15
console.log(a - b); // 5
console.log(a * b); // 50
console.log(a / b); // 2

비교 연산자

비교 연산자는 두 값을 비교할 때 사용됩니다. 이 연산자의 결과는 항상 boolean 값입니다(즉, true 또는 false).

연산자설명
==동등
===일치
!=부등
!==불일치
>크다
<작다
>=크거나 같다
<=작거나 같다

이에 대한 예시입니다.

index.jsjavascript
let a = 5;
let b = '5';

console.log(a == b);  // true, 값만 비교
console.log(a === b); // false, 값과 타입을 비교
console.log(a != b);  // false, 값만 비교
console.log(a !== b); // true, 값과 타입을 비교
console.log(a > 3);   // true
console.log(a < 6);   // true
console.log(a >= 5);  // true
console.log(a <= 4);  // false

== vs ===

값과 타입을 비교하는 연산자가 보다 엄격하기 때문에, 보통 동등 비교 연산자(===)를 사용하는 것이 바람직합니다.

var a = "string"
var b = new String("string")
a == b // true
a === b // false

논리 연산자

논리 연산자는 주로 조건문에서 사용됩니다. &&(AND), ||(OR), !(NOT)이 여기에 해당합니다.

예를 들어보겠습니다.

index.jsjavascript
let a = true;
let b = false;

console.log(a && b); // false 둘 다 같아야함.
console.log(a || b); // true  둘 중 하나가 true
console.log(!a);     // false 반대(not)

삼항 연산자

삼항 연산자는 JavaScript에서 조건에 따라 두 값을 반환하는 연산자입니다.

이 연산자는 세 개의 피연산자를 사용하며, 그 형식은 다음과 같습니다.

조건  ?  값2  :  값2

여기서 조건은 true 또는 false로 평가될 수 있는 표현식입니다. 조건이 true로 평가되면 값1이 반환되고, false로 평가되면 값2가 반환됩니다.

예를 들어 설명하겠습니다.

index.jsjavascript
let isRaining = true;
let activity = isRaining ? "집에서 영화 보기" : "공원에서 산책하기";
console.log(activity); // "집에서 영화 보기"

다음 포스트

엄격 모드(Strict Mode)

연관된 포스트 구경가기

1. AJAX란 무엇인가?2. 자바스크립트의 ES6 주요 변경 사항3. 이벤트 위임(Event Delegation)4. 실행 컨텍스트(Execution Context)5. 자바스크립트의 new 연산자 동작 방식6. JavaScript의 연산자 비교7. 엄격 모드(Strict Mode)8. JavaScript의 프로토타입 (Prototype) 이해하기9. Javascript에서 URL 및 URLSearchParams 사용10. Fetch web API11. 타입스크립트 주요 타입 정리12. import vs require13. JavaScript의 비동기 처리14. HTML SVG태그 분석15. JavaScript의 this 바인딩 완벽 정리16. JavaScript 배열 메서드: reduce()와 sort() 분석17. JavaScript 배열 메서드와 고차 함수 총정리
간략히