JavaScriptの算術演算子まとめ！初心者でもわかる+ - * / %の使い方解説

1. 足し算（+）の基本

1. 足し算（+）の基本

JavaScriptで数字を足すときには、+（プラス）を使います。これは学校で習う足し算と同じです。

let a = 10;
let b = 5;
let result = a + b;
console.log(result); // 15

この例では、変数aに10、bに5を入れ、a + bで15を計算しています。console.log()で結果を表示します。

2. 引き算（-）の使い方

2. 引き算（-）の使い方

引き算は-（マイナス）を使います。例えばお金の計算や在庫数の計算などで使えます。

let price = 1000;
let discount = 200;
let finalPrice = price - discount;
console.log(finalPrice); // 800

この例では、元の価格から割引額を引いて、最終的な価格を計算しています。

3. 掛け算（*）の基本操作

3. 掛け算（*）の基本操作

掛け算は*（アスタリスク）を使います。数量を増やす計算や面積を求めるときに便利です。

let length = 5;
let width = 3;
let area = length * width;
console.log(area); // 15

長さと幅を掛けることで、長方形の面積を求めています。

4. 割り算（/）の使い方

4. 割り算（/）の使い方

割り算は/（スラッシュ）を使います。人数で割ったり、単価を求めたりするときに使います。

let total = 20;
let people = 4;
let share = total / people;
console.log(share); // 5

合計20を4人で分けると、一人あたり5になります。

5. 余りを求める（%）の使い方

5. 余りを求める（%）の使い方

%は余り（剰余）を求める演算子です。割り切れない場合の余りを知りたいときに便利です。

let totalApples = 10;
let friends = 3;
let remainder = totalApples % friends;
console.log(remainder); // 1

10個のリンゴを3人で分けると、余りは1個になります。

6. 算術演算子を組み合わせて使う

6. 算術演算子を組み合わせて使う

複数の算術演算子を組み合わせることもできます。計算の順序に注意しましょう。JavaScriptでは四則演算の順序は数学と同じです。

let x = 10;
let y = 5;
let z = 2;
let result = x + y * z;
console.log(result); // 20

掛け算が先に計算されるため、y * z = 10、そこにxを足して20になります。括弧で順序を変えることも可能です。

7. 算術演算子でよくある注意点

7. 算術演算子でよくある注意点

文字列と数字を+で足すと、数字同士の計算ではなく文字列の結合になることがあります。例えば：

let num = 10;
let str = "5";
let result = num + str;
console.log(result); // "105"

数字10と文字列"5"を+で足すと"105"という文字列になります。計算したい場合はNumber(str)で文字列を数字に変換しましょう。

8. 算術演算子を使った応用例

8. 算術演算子を使った応用例

日常生活の計算にもJavaScriptの算術演算子は役立ちます。例えば商品の合計金額を計算する場合：

let price1 = 500;
let price2 = 300;
let tax = 0.1; // 消費税10%
let total = (price1 + price2) * (1 + tax);
console.log(total); // 880

商品の合計に税金を加えて、最終的な支払額を計算できます。

9. 算術演算子で便利なポイント

9. 算術演算子で便利なポイント

算術演算子は数字を扱う基本ツールです。+ - * / %を覚えるだけで、簡単な計算から複雑な計算まで対応可能です。特に%は余り計算や偶数・奇数判定に便利です。

let num = 7;
if (num % 2 === 0) {
  console.log("偶数です");
} else {
  console.log("奇数です");
}
// 結果: 奇数です

このように%を使うと、数値の性質を簡単に判断できます。

10. 算術演算子を使ったまとめ

10. 算術演算子を使ったまとめ

JavaScriptの算術演算子は、基本の+ - * / %を理解するだけで日常の計算やプログラミングにすぐ活かせます。数字と文字列の違いや計算順序にも注意しながら使うことで、初心者でも簡単に計算ロジックを作成できます。

まとめ

まとめ

本記事では、JavaScriptで利用する算術演算子の基本から応用までを詳しく解説しました。算術演算子には、足し算の+、引き算の-、掛け算の*、割り算の/、そして余りを求める%の五種類があります。それぞれの演算子は、数学で習う計算方法と同じでありながら、JavaScriptでは変数や数値、場合によっては文字列とも組み合わせて使用できることが特徴です。初心者がまず理解すべきポイントは、各演算子の基本的な使い方、計算の順序、そしてデータ型の違いによる挙動です。特に+演算子は、数字同士では加算、文字列と組み合わせると連結になるため、混同しないよう注意が必要です。

また、算術演算子を組み合わせることで複雑な計算も行えます。例えば括弧を使って計算の順序を明示したり、掛け算や割り算を優先して計算させることで、日常生活の買い物計算や人数割り、面積計算など様々な場面で活用できます。余り演算子%は、割り切れない数の余りを簡単に求められるため、偶数・奇数の判定や周期的な計算にも便利です。さらに、算術演算子は関数やループ、条件分岐と組み合わせることで、より実践的なプログラム作成にも直結します。

ここまでの内容をまとめると、JavaScriptの算術演算子を使う際には、①基本的な使い方を理解する、②計算の順序に注意する、③文字列と数値の違いを意識する、④複数演算子の組み合わせを適切に使う、⑤余り演算%を活用する、という五つのポイントが重要です。これを押さえておけば、初心者でも数値計算を含むプログラムを自在に作成できます。

具体的なサンプルコードを改めて示すと、以下のように基本演算を組み合わせた計算が可能です。

 let price1 = 1200; let price2 = 800; let discount = 300; let taxRate = 0.1; let totalAmount = (price1 + price2 - discount) * (1 + taxRate); console.log(totalAmount); // 1650

この例では、商品の合計金額に割引を適用し、さらに消費税を加算して最終支払額を計算しています。算術演算子を順序や括弧と組み合わせて活用することで、日常生活の計算もプログラム上で正確に行えます。

さらに、余り演算%を使うことで偶数・奇数判定やグループ分けなどの条件分岐も簡単にできます。

 let number = 15; if (number % 2 === 0) { console.log("偶数です"); } else { console.log("奇数です"); } // 結果: 奇数です

このように%を利用すれば、条件判定やループ処理の中で効率的に計算や分岐ができます。