JavaScript에서 숫자 비교

Migel Hewage Nimesha 2024년2월15일
  1. 비교 연산자를 사용하여 JavaScript에서 숫자 비교
  2. 논리 연산자를 사용하여 JavaScript에서 숫자 비교
  3. 결론
JavaScript에서 숫자 비교

JavaScript는 연산자라는 언어 구성을 사용하여 기본 값을 비교하는 다양한 방법을 제공합니다. JavaScript 표준은 비교 및 논리라는 두 가지 고유한 기본 연산자 유형을 정의합니다.

  1. 비교 연산자는 서로 다른 값이 어떻게 상호 연결되어 있는지 보여줍니다.
  2. 논리 연산자는 값 간의 논리적 관계를 표현합니다.

이러한 연산자는 JavaScript 개체, 배열 또는 함수와 같은 복잡한 값을 조작할 수 없습니다. 문자열, 숫자 또는 JavaScript 데이터 유형과 같은 간단한 값만 조작할 수 있습니다.

비교 중인 숫자 또는 변수의 데이터 유형이 동일한지 확인하십시오. 그렇지 않으면 예기치 않은 결과가 나타날 수 있습니다. 각 연산자 유형에 대한 적절한 비교를 위한 고유한 지침이 있습니다.

비교 연산자를 사용하여 JavaScript에서 숫자 비교

JavaScript의 비교 연산자는 수치적 특성과 질적 특성을 모두 평가합니다. 그것들은 값의 상대적인 상태와 그것들이 겹치거나 구별되는지 여부를 시작합니다.

비교 연산자의 결과는 true 또는 false일 수 있으며, 이는 부울 값이고 두 값을 비교합니다. 루프 및 의사 결정에서 비교 연산자가 활용됩니다.

JavaScript 보다 큼 연산자(>) 사용

이 연산자는 다른 값에 상대적인 한 값의 크기를 결정합니다. 이 연산자를 사용하고 출력을 살펴보겠습니다.

const number = 5;

// using the greater-than operator
console.log(number > 3);

위 스니펫의 출력입니다.

JavaScript 비교 숫자 - 출력 1

JavaScript Less-Than 연산자(<) 사용

이 연산자는 값이 다른 값보다 작은지 여부를 확인할 수 있습니다. 보다 작음 연산자를 사용해 봅시다.

const number = 6;

// using the less-than operator
console.log(number < 10);

위 코드의 결과입니다.

JavaScript 비교 숫자 - 출력 2

JavaScript 등호 연산자 사용

JavaScript에는 값이 같은지 여부를 확인하는 두 개의 개별 연산자가 있습니다.

JavaScript Equal-To 연산자(==) 사용

두 값의 데이터 유형에 관계없이 엄격하지 않은 같음 연산자는 두 값이 실제로 같은지 확인합니다.

아래 코드를 시도해 봅시다.

const m = 5, n = 2, i = 'test';

// using the equal-to operator
console.log(m == 5);
console.log(n == '2');
console.log(i == 1);

위 코드의 결과입니다.

JavaScript 비교 숫자 - 출력 3

JavaScript Strict-To 연산자(===) 사용

연산자는 데이터 유형과 두 값의 값이 동일한지 여부를 설정합니다. 아래 스니펫을 살펴보겠습니다.

const number = 4;

// using the strict equal-to operator
console.log(number === 4);
console.log(number === '4');

위 코드의 결과를 얻을 수 있습니다.

JavaScript 비교 숫자 - 출력 4

JavaScript 같지 않음 연산자 사용

JavaScript의 두 가지 연산자를 사용하여 두 값이 같은지 여부를 확인할 수도 있습니다. 등호 연산자와 비슷하지만 등호 외에 느낌표도 있습니다.

JavaScript Not-Equal-To 연산자(!=) 사용

데이터 형식에 관계없이 이 연산자는 두 값이 같은지 여부를 결정합니다. 아래 코드를 고려하십시오.

const m = 3, n = 4;

// using the not-equal-to operator
console.log(m != 2);
console.log(n != '4');

위 코드의 결과입니다.

JavaScript 비교 숫자 - 출력 5

JavaScript Strict Not-Equal-To 연산자(!==) 사용

연산자는 두 값이 데이터 유형과 값이 모두 다른지 여부를 결정합니다. 아래 코드를 실행해 봅시다.

const m = 3, n = 4;

// using the strict not-equal-to operator
console.log(m !== 2);
console.log(n !== '4');

위 코드의 결과입니다.

JavaScript 비교 숫자 - 출력 6

JavaScript Greater-Than 또는 Equal-To 연산자(>=) 사용

이 연산자를 사용하여 제공된 값이 다른 값보다 크거나 같은지 확인할 수 있습니다. 이 비교 연산자가 어떻게 사용되는지 봅시다.

const m = 3, n = 4;

// using the greater-than or equal-to operator
console.log(m >= 3);
console.log(n >= 2);

여기에서 다음과 같은 출력을 얻을 수 있습니다.

JavaScript 비교 숫자 - 출력 7

JavaScript Less-Than 또는 Equal-To 연산자(<=) 사용

JavaScript의 크거나 같음 연산자를 사용하여 숫자가 다른 숫자보다 작거나 같은지 확인합니다.

이 연산자의 기능을 살펴보겠습니다.

const number = 2;

// using the less-than or equal-to operator
console.log(number <= 3);
console.log(number <= 2);

여기에서 아래와 같이 출력을 얻을 수 있습니다.

JavaScript 비교 숫자 - 출력 8

논리 연산자를 사용하여 JavaScript에서 숫자 비교

JavaScript는 논리 연산자가 나타나는 순서대로 왼쪽부터 평가합니다. 참 및 거짓 값은 항상 논리 연산자를 사용하여 평가되며 평가를 괄호로 그룹화하여 순서를 바꿀 때 최종 논리적 결론이 자주 변경됩니다.

JavaScript AND 연산자(&&) 사용

논리 AND 연산자는 두 조건이 모두 참이면 을 출력합니다. 그렇지 않은 경우 false를 반환합니다.

이 논리 연산자의 기능을 살펴보겠습니다.

const number = 4;

// using the logical AND operator
console.log((number > 2) && (number < 2));

다음과 같이 출력을 얻을 수 있습니다.

JavaScript 비교 숫자 - 출력 9

JavaScript OR 연산자(||) 사용

JavaScript의 OR 연산자는 입력이 true로 평가되면 true를 반환합니다. 값이 둘 다 또는 하나라도 false인 상황에서는 false를 출력합니다.

OR 연산자를 사용하는 방법을 보여주는 예를 사용하겠습니다.

const number = 4;

// using the logical OR operator
console.log((number > 2) || (number < 2));

위의 코드는 아래 나열된 결과를 생성합니다.

JavaScript 비교 숫자 - 출력 10

JavaScript NOT 연산자(!) 사용

JavaScript의 NOT 연산자는 방어를 무효화합니다. 비교 결과를 부정하려면 비교 전후의 괄호 바로 앞에 연산자를 배치합니다.

NOT 연산자의 사용법을 살펴보겠습니다.

const number = 4;

// using the NOT operator to get the negation
console.log(!((number > 2) || (number < 2)));

위 코드의 결과는 다음과 같습니다.

JavaScript 비교 숫자 - 출력 11

결론

이 문서에서는 각 연산자의 기능을 보여주는 예제를 포함하여 숫자를 비교하는 데 사용할 수 있는 다양한 연산자에 대해 설명했습니다. JavaScript의 비교 및 논리 연산자는 값과 변수 사이의 연결을 탐색할 때 프로그래머에게 많은 유연성을 제공하며 switch 문 및 if-else 문과 같은 많은 JavaScript 코드 구조는 올바른 작동을 위해 이들에 의존합니다.

Migel Hewage Nimesha avatar Migel Hewage Nimesha avatar

Nimesha is a Full-stack Software Engineer for more than five years, he loves technology, as technology has the power to solve our many problems within just a minute. He have been contributing to various projects over the last 5+ years and working with almost all the so-called 03 tiers(DB, M-Tier, and Client). Recently, he has started working with DevOps technologies such as Azure administration, Kubernetes, Terraform automation, and Bash scripting as well.

관련 문장 - JavaScript Operator