「JavaScriptで合計金額や平均値を出したいけれど、どう書けばいいの？」
「プログラミングの計算って、算数と同じ考え方で大丈夫？」
JavaScriptで数値を計算するときに使う記号を、プログラミング用語で「算術演算子（さんじゅつえんざんし）」と呼びます。
足し算や引き算といった基本から、プログラミング特有の「余り」を出す計算まで、これらを使いこなすことで複雑な処理ができるようになります。本記事では、基本の5つの計算記号と、知っておくと便利な優先順位のルールをわかりやすく解説します。
基本の5つの算術演算子
JavaScriptでの計算は、算数でおなじみの記号もあれば、プログラミング専用の記号もあります。
まずはこの5つを覚えましょう。
- 足し算（＋）：10 + 5 → 15
- 引き算（ー）：10 – 5 → 5
- 掛け算（＊）：10 * 5 → 50
- 割り算（／）：10 / 5 → 2
- 剰余（％）：10 % 3 → 1（余りを出す計算）
注意点：掛け算と割り算の記号
プログラミングでは、算数を使う「x」や「÷」は使いません。
掛け算にはアスタリスク（＊）、割り算にはスラッシュ（／）を使うのがルールです。
余りを出す剰余（％）はいつ使う？
初心者の方が「これ何に使うの？」と迷いやすいのが、％（剰余演算子）です。
実は、実務（個人開発）では以下のような場面で非常によく使われます。
- 偶数か奇数かを判定する：2で割った余りが0なら偶数、1なら奇数。
- 特定の回数ごとに処理を変える：3で割った余りを利用して、3回に1回だけ広告を表示したり、デザインの色を交互に変えたりします。
剰余演算子の例は以下の通りです。
console.log(10 % 2); // 結果：0
console.log(11 % 2); // 結果：1
計算の優先順位：カッコの使い方がカギ
算数と同じように、JavaScriptにも計算を行う順番（優先順位）が決まっています。
- カッコ内（）が最優先
- 掛け算＊・割り算／・余り％
- 足し算＋・引き算ー
たとえば、以下のコードを見てましょう。
console.log(10 + 5 * 2); // 結果：20
掛け算が優先されるため、5 * 2が先に計算され、その後に10が足されます。
もし「10と5を足してから2を掛けたい」という場合は、以下のようにカッコを使います。
console.log((10 + 5) * 2); // 結果：30
複雑な計算をするときは、意図しない結果にならないよう、「先に計算したい場所をカッコで囲む」癖をつけておくと安全です。
文字列が混ざるとどうなる？
上記の記事でも少し触れていますが、算術演算子を使うときは「数値」と「文字列」の違いに注意が必要です。
console.log(10 + 10); // 結果：20 （数値の計算）
console.log(“10” + 10); // 結果：”1010″ （文字列の連結）
＋演算子は、どちらか一方が文字列（” “で囲まれたもの）だと、「足し算」ではなく「文字の繋ぎ合わせ」として動いてしまいます。計算するときは、必ず数値型同士で行うようにしましょう。
まとめ
JavaScriptの算術演算子は、基本さえ押さえればすぐに使いこなせます。
- 掛け算は＊、割り算は／を使う
- 余りを出す％は、条件判定（偶数・奇数など）に役立つ
- 計算の順番に迷ったら（ ）で囲んで優先順位を明確にする
まずはブラウザのコンソールで、自分の生まれた年から年齢を計算したり、商品の税込価格を計算したりして、計算に慣れてみてください。
