Roa run dev

JavaScriptの演算子を徹底理解！【基本】

●目次

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

    算術演算子

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

    演算子説明
    +加算
    -減算
    *乗算
    /除算
    %剰余（余り）
    **べき乗
    JS
    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

    代入演算子

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

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

    比較演算子（Comparison Operators）

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

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

    論理演算子（Logical Operators）

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

    &&論理積（AND）true
    ||論理和（OR）true
    !否定（NOT）false
    JS
    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）
    <<左シフト
    >>右シフト
    >>>ゼロ埋め右シフト
    JS
    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オブジェクトが特定のインスタンスか
    JS
    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の演算子にはさまざまな種類があり、計算、比較、データ型の確認など、多岐にわたります。

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