JavaScriptの演算子とは?初心者でもわかる基本概念と種類を徹底解説
生徒
「先生、JavaScriptで計算したり比較したりするときに使う記号って何ですか?」
先生
「それは演算子と呼ばれる記号です。足し算や引き算のような計算だけでなく、値を比較したり、論理的な判断をしたりする時にも使います。」
生徒
「計算以外にも使えるんですね!でも種類が多くて混乱しそうです。」
先生
「安心してください。JavaScriptの演算子は大きく分けて、算術演算子、代入演算子、比較演算子、論理演算子、その他の特殊演算子の五つに分類できます。それぞれ具体例を交えて見ていきましょう。」
1. 算術演算子とは?数字の計算に使う
算術演算子は、数値を計算するために使います。基本的なものは、足し算、引き算、掛け算、割り算、剰余(あまり)です。
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.3333...
console.log(a % b); // 剰余 1
このように、算術演算子を使うことで簡単に数値を計算できます。
2. 代入演算子とは?値を変数に入れる
代入演算子は、値を変数に保存する時に使います。基本は=です。さらに+=や-=などを使うと、現在の値に加算したり減算したりできます。
let num = 5;
num = 10; // numに10を代入
num += 3; // num = num + 3 → 13
num -= 2; // num = num - 2 → 11
代入演算子を使うことで、変数の値を効率よく変更できます。
3. 比較演算子とは?値の大きさや等しいかを比べる
比較演算子は、二つの値を比べて、条件に合っているかどうかを判断します。結果はtrue(真)かfalse(偽)で返ります。
let x = 10;
let y = 20;
console.log(x > y); // xはyより大きい? false
console.log(x < y); // xはyより小さい? true
console.log(x == 10); // xは10と等しい? true
console.log(x != y); // xとyは等しくない? true
比較演算子を使うと、条件分岐の判断材料として活用できます。
4. 論理演算子とは?複数の条件を組み合わせる
論理演算子は、複数の条件を組み合わせて判断する時に使います。代表的なものは&&(AND)、||(OR)、!(NOT)です。
let a = true;
let b = false;
console.log(a && b); // aもbもtrue? false
console.log(a || b); // aかbがtrue? true
console.log(!a); // aの反対 false
論理演算子を使うと、複雑な条件も簡単に表現できるようになります。
5. インクリメント・デクリメント演算子とは?値を1ずつ増減させる
インクリメント++は変数の値を1増やすときに使い、デクリメント--は1減らすときに使います。
let count = 5;
count++; // count = 6
count--; // count = 5
console.log(count);
これらはループやカウンター処理などでよく使われます。
6. 条件(三項)演算子とは?簡単な条件判断を1行で書く
条件演算子condition ? value1 : value2は、条件がtrueならvalue1、falseならvalue2を返します。
let age = 18;
let canVote = (age >= 18) ? "投票できます" : "投票できません";
console.log(canVote); // 投票できます
短い条件分岐をスマートに書きたいときに便利です。
7. その他の便利な演算子
JavaScriptには他にも便利な演算子があります。例えば、文字列結合の+や、型を確認するtypeof、存在を確認する??(null合体演算子)などがあります。
let name = "太郎";
let greeting = "こんにちは、" + name + "さん";
console.log(greeting); // こんにちは、太郎さん
let value;
console.log(value ?? "値が設定されていません"); // 値が設定されていません
console.log(typeof 123); // number
これらを組み合わせることで、より表現力のあるコードを書くことができます。
8. 演算子を使った簡単な実践例
ここまで学んだ演算子を使って、簡単な計算と条件判断の例を作ってみましょう。
let score = 75;
let passed = (score >= 60) ? "合格" : "不合格";
console.log("点数:", score);
console.log("結果:", passed);
score += 10; // 10点加算
console.log("加算後の点数:", score);
console.log("結果:", (score >= 60) ? "合格" : "不合格");
演算子を組み合わせることで、数値計算や条件判断を効率的に行えることがわかります。
9. まとめのポイント
JavaScriptの演算子は、計算、代入、比較、論理、特殊演算など多岐にわたります。基本を押さえておくと、どの場面でも使いこなせるようになります。まずは簡単な算術演算子や比較演算子から練習して、徐々に条件演算子や論理演算子を覚えていくと理解しやすいです。
まとめ
今回の記事では、JavaScriptにおける演算子の基本概念と種類について詳しく解説しました。演算子とは、数値の計算や文字列の結合、値の比較、条件判断、論理判定などさまざまな処理を効率よく行うための記号のことです。まず算術演算子は、足し算、引き算、掛け算、割り算、剰余を使って数値を計算する基本的な演算子で、プログラムの基礎的な計算処理には欠かせません。次に代入演算子は、変数に値を代入する際に使用し、=だけでなく、+=や-=などを活用することで、現在の値に加算や減算を簡単に行うことができます。
さらに比較演算子は、二つの値の大小や等価性を判断するための演算子で、条件分岐や繰り返し処理の判定に不可欠です。論理演算子は複数の条件を組み合わせて判断を行う際に用いられ、&&(AND)、||(OR)、!(NOT)を駆使することで複雑な条件も一行で表現できます。インクリメント・デクリメント演算子は、変数の値を1ずつ増減させるため、ループ処理やカウンター管理に最適です。
条件演算子(三項演算子)は、簡単な条件判断を1行で書くことができ、コードをより短く分かりやすくするのに役立ちます。その他にも文字列結合の+、型を確認するtypeof、存在確認の??(null合体演算子)など、用途に応じて便利な演算子が多数存在します。これらを組み合わせることで、計算処理や条件分岐を効率的かつ直感的に実装することが可能です。
実際に演算子を使った簡単な例として、点数判定や加算処理のコードを作成しました。これにより、算術演算子、比較演算子、条件演算子を組み合わせることで、プログラム内での判断や計算が効率化できることが理解できました。初心者の方は、まず基本の算術演算子や比較演算子から練習し、慣れてきたら論理演算子や条件演算子、特殊演算子を順に覚えていくとよいでしょう。
let score = 85; let passed = (score >= 60) ? "合格" : "不合格"; console.log("点数:", score); console.log("結果:", passed);
score += 5; // 5点加算
console.log("加算後の点数:", score);
console.log("結果:", (score >= 60) ? "合格" : "不合格");
このように、演算子を適切に理解して使いこなすことで、プログラムの表現力が大きく向上し、複雑な処理もスッキリと記述できます。JavaScriptにおける演算子は、計算や条件判定、文字列操作など幅広い場面で活躍するため、日常的にコードを書く中で意識的に活用してみましょう。
生徒
「先生、今日はJavaScriptの演算子についてたくさん学びましたが、全部覚えなくても大丈夫ですか?」
先生
「そうですね。まずは基本の算術演算子と比較演算子、そして条件演算子をしっかり使いこなすことが重要です。論理演算子や特殊演算子は、少しずつ慣れていきましょう。」
生徒
「なるほど、基本を押さえてから応用ですね。条件演算子や論理演算子は一行で書けるので便利そうです。」
先生
「その通りです。例えば点数判定のように、複数の条件を組み合わせるときに非常に役立ちます。また、インクリメントやデクリメントを使うことで、ループ処理も簡単に書けます。」
生徒
「文字列結合やtypeof、null合体演算子もあると便利ですね。色々な演算子を組み合わせて効率的なコードを書けるようになりたいです。」
先生
「その意気です。まずは基本演算子で簡単な計算や条件分岐を練習し、慣れてきたら他の演算子も積極的に使っていきましょう。演算子を自在に使いこなせると、よりスマートで可読性の高いJavaScriptコードが書けるようになります。」