JavaScriptにおける演算子(operator)は、変数や値に対して計算・比較・代入などの操作を行う記号のことです。
演算子は、数学的な処理や論理的な判断、文字列の結合など様々な場面で使用されます。
+ - * / % **:数値の計算を行う(例:2 + 3、10 % 3、2 ** 3)
== != === !== > >= < <=:値や型を比較する(例:x === 10、x > y)
値が等しいか、大小関係があるかなどをチェックするために使用します。
&& || !:条件を組み合わせたり反転したりする(例:a && b、!isLoggedIn)
複数条件の組み合わせ(AND・OR)や、ブール値の反転(NOT)などに使います。
= += -= *= /= %= **=:変数に値を代入する(例:x += 1、y *= 3)
変数の値を更新する場面で使用されます。
+:文字列を結合する(例:"Hello" + " World")
複数の文字列を1つにつなげたいときに使います。
++ --:変数の値を 1 増減する(例:i++、count--)
ループなどでカウンターの増減によく使われます。
条件 ? 値1 : 値2:条件に応じて値を分岐(例:x > 10 ? "大" : "小")
if-else を1行で書けるコンパクトな条件分岐構文です。
typeof:値のデータ型を確認する(例:typeof "hello" → "string")
変数の型チェックをしたいときに使用します。
??:null / undefined のときにデフォルト値を使う(例:value ?? "default")
falsy ではなく、null または undefined のときのみ右側の値を使用します。
実際に真似して打ち込んでみましょう。
また、値などを変更してどうなるかも確認してみましょう。
const a = 10; const 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(aのb乗)
console.log(10 > 5); // true console.log(10 == "10"); // true(型は無視) console.log(10 === "10"); // false(型も比較)
const a = true; const b = false; console.log(a && b); // false console.log(a || b); // true console.log(!a); // false
let x = 5; x += 3; console.log(x); // 8
const score = 85; const result = score >= 80 ? "合格" : "不合格"; console.log(result); // "合格"
console.log(typeof "Hello"); // string console.log(typeof 42); // number console.log(typeof true); // boolean
const name = null; const displayName = name ?? "ゲスト"; console.log(displayName); // "ゲスト"