JavaScript で数値を比較する

Migel Hewage Nimesha 2024年2月15日
  1. JavaScript で比較演算子を使用して数値を比較する
  2. JavaScript で論理演算子を使用して数値を比較する
  3. まとめ
JavaScript で数値を比較する

JavaScript には、演算子と呼ばれる言語構造を利用して基本的な値を比較する方法が多数用意されています。 JavaScript 標準では、比較と論理という 2つの異なる基本的な演算子タイプが定義されています。

  1. 比較演算子は、異なる値がどのように相互接続されているかを示します。
  2. 論理演算子は、値間の論理関係を表します。

これらの演算子は、JavaScript オブジェクト、配列、関数などの複雑な値を操作できません。 文字列、数値、JavaScript データ型などの単純な値のみを操作できます。

比較する数値または変数が同じデータ型であることを確認してください。 そうしないと、予期しない結果が生じる可能性があります。 演算子の種類ごとに適切な比較を行うための明確なガイドラインがあります。

JavaScript で比較演算子を使用して数値を比較する

JavaScript の比較演算子は、数値と質の両方を評価します。 それらは、値の相対的なステータスと、それらが重複しているか個別であるかを開始します。

比較演算子の結果は、ブール値であり、2つの値を比較する true または false のいずれかになります。 ループと意思決定では、比較演算子が使用されます。

JavaScript の大なり演算子 (>) を使用する

この演算子は、ある値と別の値の相対的なサイズを決定します。 この演算子を使用して、出力を見てみましょう。

const number = 5;

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

上記のスニペットの出力。

JavaScript 比較数値 - 出力 1

JavaScript の小なり演算子 (<) を使用する

この演算子は、値が別の値よりも小さいかどうかをチェックできます。 小なり演算子を使ってみましょう。

const number = 6;

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

上記のコードの結果。

JavaScript 比較数値 - 出力 2

JavaScript 等号演算子を使用する

JavaScript には、値が等しいかどうかをチェックする 2つの別個の演算子があります。

JavaScript 等号演算子 (==) を使用する

2つの値のデータ型に関係なく、非厳密な等号演算子はそれらが実際に等しいかどうかを判断します。

以下のコードを試してみましょう。

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 の厳密な等号演算子 (===) を使用する

この演算子は、2つの値のデータ型と値が同じかどうかを確立します。 以下のスニペットを見てみましょう。

const number = 4;

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

上記のコードの結果を取得できます。

JavaScript 比較数値 - 出力 4

JavaScript の不等号演算子を使用する

JavaScript の 2つの異なる演算子を使用して、2つの値が等しいかどうかを確認することもできます。 これらは等号演算子に似ていますが、等号に加えて感嘆符もあります。

JavaScript Not-Equal-To 演算子 (!=) を使用する

データ形式に関係なく、この演算子は 2つの値が等しいかどうかを判断します。 以下のコードを考慮してください。

const m = 3, n = 4;

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

上記のコードの結果。

JavaScript 比較数値 - 出力 5

JavaScript の厳密な等しくない演算子 (!==) を使用する

この演算子は、2つの値がデータ型と値の両方で異なるかどうかを判別します。 以下のコードを実行してみましょう。

const m = 3, n = 4;

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

上記のコードの結果。

JavaScript 比較数値 - 出力 6

JavaScript より大きいまたは等しい演算子 (>=) を使用する

この演算子を使用すると、指定された値が別の値以上かどうかを確認できます。 この比較演算子がどのように使用されるか見てみましょう。

const m = 3, n = 4;

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

ここで、次のように出力を取得できます。

JavaScript 比較数値 - 出力 7

JavaScript より小さいまたは等しい演算子 (<=) を使用する

JavaScript のより大きいまたは等しい演算子を使用して、数値が別の数値以下かどうかを判断します。

この演算子の機能を見てみましょう。

const number = 2;

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

ここで、以下に示すような出力を取得できます。

JavaScript 比較数値 - 出力 8

JavaScript で論理演算子を使用して数値を比較する

JavaScript は、左から開始して、表示される順序で論理演算子を評価します。 true 値と false 値は常に論理演算子を使用して評価され、評価を括弧でグループ化して順序を変えると、最終的な論理結論が頻繁に変更されます。

JavaScript AND 演算子 (&&) を使用する

論理 AND 演算子は、両方の条件が true の場合に true を出力します。 そうでない場合は 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