カテゴリ: JavaScript 更新日: 2025/06/28

JavaScriptの演算子一覧と使い方!算術・比較・論理演算子の基本を解説

JavaScriptの演算子一覧と使い方!算術・比較・論理演算子の基本を解説
JavaScriptの演算子一覧と使い方!算術・比較・論理演算子の基本を解説

先生と生徒の会話形式で理解しよう

生徒

「JavaScriptで数字の計算をしたり、条件をチェックする方法ってありますか?」

先生

「ありますよ。そういうときには『演算子(えんざんし)』という記号を使います。計算したり、比べたりするための記号のことです。」

生徒

「記号って、たとえば足し算とかですか?」

先生

「そうです。たとえば+は足し算、===は同じかどうかのチェックなどですね。それでは詳しく見ていきましょう!」

1. 演算子とは?JavaScriptにおける基本の記号

1. 演算子とは?JavaScriptにおける基本の記号
1. 演算子とは?JavaScriptにおける基本の記号

演算子とは、JavaScriptで計算や比較、条件チェックなどを行うときに使う「記号(きごう)」のことです。初心者がよく使う演算子は主に3種類あります。

  • 算術演算子(さんじゅつえんざんし)
  • 比較演算子(ひかくえんざんし)
  • 論理演算子(ろんりえんざんし)

2. 算術演算子の使い方(たし算・ひき算・かけ算)

2. 算術演算子の使い方(たし算・ひき算・かけ算)
2. 算術演算子の使い方(たし算・ひき算・かけ算)

算術演算子は、数と数を計算するための記号です。代表的なものを一覧で紹介します。

  • +:足し算
  • -:引き算
  • *:掛け算
  • /:割り算
  • %:割ったあまり(モジュロ)

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

特に%は「あまり」を求める演算子で、偶数か奇数かを調べたいときなどに使われます。

3. 比較演算子の基本と使い方

3. 比較演算子の基本と使い方
3. 比較演算子の基本と使い方

比較演算子は、2つの値を比べるときに使います。「同じか」「大きいか」「小さいか」などをチェックできます。

  • ===:同じ(値も型も)
  • !==:違う(値か型が違う)
  • >:大きい
  • <:小さい
  • >=:以上
  • <=:以下

let score = 85;

console.log(score === 85); // true
console.log(score !== 100); // true
console.log(score > 90); // false
console.log(score < 90); // true

===は「イコールが3つ」なので間違えやすいですが、JavaScriptでは「値と型の両方が同じかどうか」を比べます。

4. 論理演算子とは?複数の条件をまとめる方法

4. 論理演算子とは?複数の条件をまとめる方法
4. 論理演算子とは?複数の条件をまとめる方法

論理演算子は、「条件を複数まとめてチェックしたいとき」に使う演算子です。主に次の3つがあります。

  • &&(アンド):両方の条件が正しいときだけtrue
  • ||(オア):どちらかが正しければtrue
  • !(ノット):反対の意味にする

let age = 20;
let isStudent = true;

console.log(age >= 18 && isStudent); // true
console.log(age < 18 || isStudent); // true
console.log(!isStudent); // false

&&は「〜かつ」、||は「〜または」、!は「〜でない」と覚えておくと分かりやすいです。

5. 実際に組み合わせて使ってみよう

5. 実際に組み合わせて使ってみよう
5. 実際に組み合わせて使ってみよう

演算子は単体だけでなく、複数を組み合わせて使うこともできます。たとえば、「スコアが80点以上かつ学生であるかどうか」を調べたい場合はこう書きます。


let score = 85;
let isStudent = true;

if (score >= 80 && isStudent) {
  console.log("合格です!");
}

このように、演算子を上手に使うことで、複雑な条件をプログラムで表現できるようになります。

6. 演算子を使うときの注意点

6. 演算子を使うときの注意点
6. 演算子を使うときの注意点

JavaScriptの演算子を使うときに初心者がつまずきやすいポイントを紹介します。

  • =(代入)と=====(比較)を間違えない
  • ===は値と型の両方を比較するので厳密
  • &&||の順番に注意する

次のようなミスに注意しましょう。


let a = 5;

if (a = 10) {  // これは代入になってしまう(比較ではない)
  console.log("これは間違いです!");
}

比較をしたいときは===を使うようにしましょう。

関連記事:
カテゴリの一覧へ
新着記事
New1
TypeScript
TypeScriptのモジュール分離と単一責任原則(SRP)に基づく設計を初心者向けに徹底解説
New2
JavaScript
JavaScriptの正規表現を文字列に動的に組み込む方法(RegExpコンストラクタ)
New3
TypeScript
TypeScriptでグローバル名前空間の汚染を避ける設計方法!モジュール設計の基本
New4
JavaScript
JavaScriptの正規表現をデバッグするツールの使い方
人気記事
No.1
Java&Spring記事人気No1
JavaScript
JavaScriptのインストール方法まとめ!Windows・Mac・Linux別にステップ解説
No.2
Java&Spring記事人気No2
JavaScript
JavaScriptの正規表現をデバッグするツールの使い方
No.3
Java&Spring記事人気No3
JavaScript
JavaScriptの正規表現で繰り返し指定(* + ? {n,m})を学ぼう
No.4
Java&Spring記事人気No4
JavaScript
JavaScriptの正規表現を使ったバリデーション例まとめ
No.5
Java&Spring記事人気No5
JavaScript
JavaScriptの正規表現で否定のパターンを表す方法を学ぼう
No.6
Java&Spring記事人気No6
JavaScript
JavaScriptプログラムの実行方法まとめ!ブラウザ・Node.js・コンソールの使い方
No.7
Java&Spring記事人気No7
JavaScript
JavaScriptの正規表現でlookahead・lookbehindを使う応用例
No.8
Java&Spring記事人気No8
JavaScript
JavaScriptの正規表現のよくあるエラーとその対処法