この記事で分かること
- JavaScriptの演算子の種類と役割
- 算術演算子の基本と使い方
- 比較演算子と条件式の仕組み
- 論理演算子（AND / OR / NOT）の動作
- ビット演算子の基礎
- 代入演算子・複合演算子の使い方
JavaScriptには、計算や比較、条件分岐などに使うさまざまな演算子があります。
演算子を理解すると、コードの読み書きが一気にスムーズになります。
演算子は大きく次の5種類に分類されます。
- 算術演算子（
+、-、*、/、%） - ビット演算子（
&、|など） - 論理演算子（
&&、||、!） - 比較演算子（
==、!=、<、>など） - 代入演算子（
=、+=など）
算術演算子
四則演算や余りを求めるときに使う演算子です。
+（加算）-（減算）*（乗算）/（除算）%（余り）
JavaScriptでは、計算結果を変数に代入して使うことが多いです。
a = 12 + 5; // 12+5 の結果を a に代入
ビット演算子
数値を 32 ビット整数として扱い、ビット単位で演算します。
例：
12 & 5 → 4（1100 & 0101 = 0100）
12 | 5 → 13（1100 | 0101 = 1101）
HTML と組み合わせる通常の用途ではあまり登場しませんが、低レベル処理で使われます。
論理演算子
条件式で「両方が正しい」「どちらかが正しい」「正しくない」を判定するための演算子です。
&&（AND：両方がtrueのときtrue）||（OR：どちらかがtrueのときtrue）!（NOT：true/falseを反転）
比較演算子と組み合わせて使うことが多いです。
if (a >= 5 && b >= 10) {
// a が 5 以上 かつ b が 10 以上のときの処理
}
比較演算子
2つの値を比較し、結果として true または false を返します。
<（より小さい）>（より大きい）<=（以下）>=（以上）==（等しい）!=（等しくない）
例：
if (a < 10) {
// a が 10 未満の場合の処理
}
if (name != "") {
// name が空でない場合の処理
}
if (res == true) {
// res が true の場合の処理
}
代入演算子（複合演算子）
= は「右辺の値を左辺の変数に代入する」ための演算子です。
a = 12 + 5; // 計算結果を代入
name = "田村" + "明"; // 文字列を結合して代入
また、+= などの複合演算子を使うと、値を追加しながら代入できます。
name = "田中" + "明";
name += "さん"; // → "田中明さん"
JavaScript 初心者におすすめの学習書籍
書籍で学ぶのが向いている人
- 紙の本で体系的に学びたい
- ネット記事だけだと情報が断片的に感じる
- 基本文法を順序立てて理解したい
演算子は JavaScript の基礎であり、書籍ではこれらを体系的に順序立てて学べるため、理解が深まりやすいです。
いちばんやさしい JavaScript の教本
写真や図が多く、手を動かしながら学べる初心者向けの入門書です。
演算子・条件式・関数など、基本を丁寧に理解できます。
この本で解決できること：
- 算術・比較・論理演算子の基本を視覚的に理解できる
- 演算子を使った簡単なロジック構築ができるようになる
- 初心者がつまずきやすい「
true/falseの判定」を理解できる
確かな力が身につく JavaScript「超」入門
JavaScriptの基礎を体系的に学びたい方に向いている入門書です。
演算子の仕組みを深く理解し、実務レベルの基礎力を身につけられます。
この本で解決できること：
- 演算子の動作原理を体系的に理解できる
- 複合演算子（
+=など）を使った効率的なコードが書けるようになる - 条件式と組み合わせた実務レベルのロジック構築が身につく
動画で理解を深めたい方へ（Udemy講座）
演算子はコードの基礎ですが、実際の動きを動画で見ると理解が一気に深まります。
Udemy では初心者向けに丁寧に解説された講座が多数あります。
初心者のためのJavaScript 完全入門
演算子・条件分岐・関数など、JavaScriptの基礎を体系的に学べる人気講座です。
この講座で解決できること：
- 算術・比較・論理演算子の動きを動画で直感的に理解できる
- 演算子を使った条件式の組み立て方が分かる
- 初心者が混乱しやすい
true/falseの評価を正しく理解できる
→ 初心者のためのJavaScript 完全入門（Udemy）
超JavaScript 完全ガイド 2026
基礎から応用まで幅広く学べる講座で、演算子の理解をさらに深めたい方に最適です。
この講座で解決できること：
- 演算子の仕組みを実務レベルで理解できる
- 複合演算子を使った効率的なコードが書けるようになる
- 演算子を含む複雑なロジックの読み書きができるようになる
体系的に学びたい方へ（スクールという選択肢）
演算子は理解できても、条件分岐・関数・非同期処理に進むと、独学では急に難しく感じることがあります。
こうした段階で「質問できる環境」があると、理解スピードが大きく変わります。
独学でつまずきやすいポイント
- 条件式の組み立てで混乱しやすい
- コードの意図が理解できない
- コードレビューを受ける機会がない
- 学習の順番に自信が持てない
スクールでは、プロの講師が学習ロードマップを作成し、つまずきやすい部分を丁寧にサポートしてくれます。
無料相談で得られるメリット
- あなたのレベルに合わせた学習計画を作成
- 独学でつまずきやすい部分を事前に把握
- 学習方法の改善点をプロがアドバイス
- エンジニア転職を視野に入れたキャリア相談も可能
JavaScript を効率よく学びたい方には、未経験からエンジニアを目指せる
DMM WEBCAMP の学習コースも選択肢のひとつです。
演算子に関するよくある質問（FAQ）
== と === の違いは？
== は型変換して比較、=== は型も値も厳密に比較します。
複合演算子（+= など）は使ったほうがいい？
可読性が上がるため、一般的に使用が推奨されます。
ビット演算子は初心者でも必要？
通常のWeb制作ではほとんど使いませんが、低レベル処理では重要です。
論理演算子はどんな場面で使う？
条件分岐（if 文）で複数条件を組み合わせるときに使います。
まとめ
- JavaScriptには5種類の演算子がある
- 算術演算子は計算に使用
- 論理演算子は条件式で使用
- 比較演算子は
true/falseを返す - 代入演算子は値を変数に代入する
- 複合演算子を使うとコードが簡潔になる
