Published on

JavaScript의 연산자 비교

Authors
  • avatar
    Name
    Inhwan Cho
    Twitter

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

산술 연산자

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

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

index.js
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.js
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.js
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.js
let isRaining = true;
let activity = isRaining ? "집에서 영화 보기" : "공원에서 산책하기";
console.log(activity); // "집에서 영화 보기"