JavaScriptの演算子一覧と使い方!算術・比較・論理演算子の基本を解説
先生と生徒の会話形式で理解しよう
生徒
「JavaScriptで数字の計算をしたり、条件をチェックする方法ってありますか?」
先生
「ありますよ。そういうときには『演算子(えんざんし)』という記号を使います。計算したり、比べたりするための記号のことです。」
生徒
「記号って、たとえば足し算とかですか?」
先生
「そうです。たとえば+は足し算、===は同じかどうかのチェックなどですね。それでは詳しく見ていきましょう!」
1. 演算子とは?JavaScriptにおける基本の記号
演算子とは、JavaScriptで計算や比較、条件チェックなどを行うときに使う「記号(きごう)」のことです。初心者がよく使う演算子は主に3種類あります。
- 算術演算子(さんじゅつえんざんし)
- 比較演算子(ひかくえんざんし)
- 論理演算子(ろんりえんざんし)
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. 比較演算子の基本と使い方
比較演算子は、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. 論理演算子とは?複数の条件をまとめる方法
論理演算子は、「条件を複数まとめてチェックしたいとき」に使う演算子です。主に次の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. 実際に組み合わせて使ってみよう
演算子は単体だけでなく、複数を組み合わせて使うこともできます。たとえば、「スコアが80点以上かつ学生であるかどうか」を調べたい場合はこう書きます。
let score = 85;
let isStudent = true;
if (score >= 80 && isStudent) {
console.log("合格です!");
}
このように、演算子を上手に使うことで、複雑な条件をプログラムで表現できるようになります。
6. 演算子を使うときの注意点
JavaScriptの演算子を使うときに初心者がつまずきやすいポイントを紹介します。
=(代入)と==や===(比較)を間違えない===は値と型の両方を比較するので厳密&&や||の順番に注意する
次のようなミスに注意しましょう。
let a = 5;
if (a = 10) { // これは代入になってしまう(比較ではない)
console.log("これは間違いです!");
}
比較をしたいときは===を使うようにしましょう。