JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptで2つの数値を比較する方法【==演算子の使い方を解説】

JavaScriptで2つの数値を比較するには、等価演算子「==」を使用します。この演算子は、左右の値が等しい場合にtrueを、等しくない場合にfalseを返します。if文と組み合わせることで、比較結果に応じた処理を簡単に実行できます。

サンプルコード

以下は、変数aとbの値を比較するシンプルな例です。

<!DOCTYPE html>
<html>
   <body>
      <script>
         var a = 10;
         var b = 20;

         if(a == b) {
            document.write("True");
         } else {
            document.write("False");
         }
      </script>
   </body>
</html>

実行結果

false

この例では、aが10、bが20という異なる値を持っているため、条件式a == bはfalseと評価され、「False」が出力されます。もし両者が同じ値（例えば両方とも10）であれば、「True」と表示されます。

厳密等価演算子「===」の使用を推奨

「==」は比較前に型の自動変換（型強制）を行うため、"10" == 10のように文字列と数値でも等しいと判定されることがあります。意図しないバグを防ぐためには、型まで一致しているかを確認する厳密等価演算子「===」を使うことがベストプラクティスとされています。

console.log(10 === 10);  // true
console.log(10 === "10"); // false（型が異なるため）

数値同士の比較では大小関係を調べる「>」「<」「>=」「<=」などの比較演算子も利用できるので、用途に応じて使い分けましょう。

  1. JavaScriptで2つのオブジェクトをマージする方法を解説

    JavaScriptでは、スプレッド構文（...）を使うことで、2つのオブジェクトを簡単に1つにマージ（結合）できます。各オブジェクトの前に「...」を付けて新しいオブジェクトリテラル内に展開するだけで、すべてのプロパティが統合されたオブジェクトが生成されます。以下に、2つのJavaScriptオブジェクトをマージするコードの例を示します。コード例<!DOCTYPE html> <html lang=ja> <head> <meta charset=UTF-8 /> <meta name=viewport content=width=dev

  2. JavaScriptで2つの配列を乗算する方法｜forループとmap()の実装例

    JavaScriptで2つの配列の各要素同士を乗算し、その結果を新しい配列として取得する方法を解説します。基本的にはforループでインデックスを順番に処理しながら、対応する位置にある要素同士を掛け合わせていくシンプルなアプローチです。 2つの配列を乗算するサンプルコード 以下の例では、「CLICK HERE」ボタンをクリックすると、配列 arr と arr1 の対応する要素が乗算され、結果が新しい配列 multArray に格納された上で画面に表示されます。 <!DOCTYPE html> <html lang=en> <head> <meta ch