Roa run dev

JavaScriptの演算子を徹底理解!

●目次

    JavaScriptの演算子は、計算や比較、データの操作を行うために必須のツールです。

    算術演算子

    基本的な数学計算に使用します。

    演算子説明
    +加算
    -減算
    *乗算
    /除算
    %剰余(余り)
    **べき乗

    例:

    let a = 10;
    let b = 3;
    console.log(a + b); // 13
    console.log(a - b); // 7
    console.log(a * b); // 30
    console.log(a / b); // 3.333...
    console.log(a % b); // 1
    console.log(a ** b); // 1000

    代入演算子

    変数に値を割り当てたり、現在の値を基に新しい値を計算して更新します。

    演算子説明
    =値を代入
    +=加算して代入
    -=減算して代入
    *=乗算して代入
    /=除算して代入
    %=剰余して代入
    let x = 5;
    x += 3; // x は 8 になる
    x *= 2; // x は 16 になる
    console.log(x); // 16

    比較演算子(Comparison Operators)

    値同士を比較して、true または false を返します。

    演算子説明
    ==等しいか
    ===厳密に等しいか
    !=等しくないか
    !==厳密に等しくないか
    >より大きいか
    <より小さいか
    >=以上か
    <=以下か
    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 < 3);    // false

    論理演算子(Logical Operators)

    条件を組み合わせて複雑な条件を作成する際に使用します。

    &&論理積(AND)true
    ||論理和(OR)true
    !否定(NOT)false
    let age = 20;
    let hasID = true;
    
    if (age >= 18 && hasID) {
      console.log("入場できます"); // 条件が満たされるので実行
    }
    
    let isMember = false;
    if (age >= 18 || isMember) {
      console.log("特典を利用できます"); // どちらか一方がtrueで実行
    }

    ビット演算子(Bitwise Operators)

    整数のビット単位の操作を行います。

    演算子説明
    &ビット積(AND)
    |ビット和(OR)
    ^ビット排他的論理和(XOR)
    ~ビット否定(NOT)
    <<左シフト
    >>右シフト
    >>>ゼロ埋め右シフト
    let a = 5;   // 0101 in binary
    let b = 1;   // 0001 in binary
    
    console.log(a & b); // 1 (0101 & 0001)
    console.log(a | b); // 5 (0101 | 0001)
    console.log(a ^ b); // 4 (0101 ^ 0001)
    console.log(~a);    // -6 (~0101 is 1010)
    console.log(a << 1); // 10 (left shift by 1)
    console.log(a >> 1); // 2 (right shift by 1)

    三項演算子(Ternary Operator)

    条件式を簡潔に記述する際に便利です。

    三項演算子-構文
    条件 ? 値1 : 値2
    js
    let age = 18;
    let isAdult = age >= 18 ? "大人" : "子供";
    console.log(isAdult); // "大人"

    上記の例では、age が18以上であれば isAdult"大人" となり、そうでなければ "子供" になります。

    7. 型演算子(Type Operators)

    変数の型やインスタンスを確認するための演算子です。

    演算子説明
    typeofデータ型を返す
    instanceofオブジェクトが特定のインスタンスか
    let num = 42;
    let arr = [1, 2, 3];
    
    console.log(typeof num);       // "number"
    console.log(typeof arr);       // "object"
    console.log(arr instanceof Array); // true

    まとめ

    JavaScriptの演算子にはさまざまな種類があり、計算、比較、データ型の確認など、多岐にわたります。

    各演算子の使い方と役割を理解することで、より効率的で正確なコードを書くことが可能になります。