カテゴリ: JavaScript 更新日: 2025/02/24

JavaScriptの算術演算子を完全ガイド!初心者でもわかる基本

JavaScriptの算術演算子
JavaScriptの算術演算子

新人と先輩の会話形式で理解しよう

新人

「JavaScriptで計算をするにはどうしたらいいですか?」

先輩

「JavaScriptには、計算をするための算術演算子があります。加算や減算、掛け算など、いろいろな計算を簡単に行うことができますよ。」

新人

「算術演算子ってどんなものがあるんですか?」

先輩

「それでは、基本的な算術演算子を紹介していきますね!」

1. 加算(足し算)

1. 加算(足し算)
1. 加算(足し算)

加算(足し算)は、2つの数を足してその結果を得る演算です。加算演算子は+です。

次のコードでは、2つの数を足し算し、その結果をページに表示します。


<script>
    let num1 = 15;
    let num2 = 10;
    let result = num1 + num2;  // 足し算
    document.write("加算結果: " + result);  // 結果を表示
</script>
ブラウザ表示

上記のコードでは、num1num2を足して、resultにその結果を格納しています。document.write()で"加算結果: 25"が表示されます。

2. 減算(引き算)

2. 減算(引き算)
2. 減算(引き算)

減算(引き算)は、2つの数を引き算する演算です。減算演算子は-です。

次のコードでは、2つの数を引き算し、その結果を表示します。


<script>
    let num1 = 15;
    let num2 = 5;
    let result = num1 - num2;  // 引き算
    document.write("減算結果: " + result);  // 結果を表示
</script>
ブラウザ表示

このコードでは、num1からnum2を引いて、結果を表示しています。結果として"減算結果: 10"が表示されます。

3. 乗算(掛け算)

3. 乗算(掛け算)
3. 乗算(掛け算)

乗算(掛け算)は、2つの数を掛け算する演算です。乗算演算子は*です。

次のコードでは、2つの数を掛け算し、その結果を表示します。


<script>
    let num1 = 6;
    let num2 = 3;
    let result = num1 * num2;  // 掛け算
    document.write("乗算結果: " + result);  // 結果を表示
</script>
ブラウザ表示

このコードでは、num1num2を掛け算して、結果として"乗算結果: 18"が表示されます。

4. 除算(割り算)

4. 除算(割り算)
4. 除算(割り算)

除算(割り算)は、2つの数を割り算する演算です。除算演算子は/です。

次のコードでは、2つの数を割り算し、その結果を表示します。


<script>
    let num1 = 20;
    let num2 = 4;
    let result = num1 / num2;  // 割り算
    document.write("除算結果: " + result);  // 結果を表示
</script>
ブラウザ表示

このコードでは、num1num2で割って、結果として"除算結果: 5"が表示されます。

5. 剰余算(余り)

5. 剰余算(余り)
5. 剰余算(余り)

剰余算は、割り算の余りを求める演算です。剰余算演算子は%です。

次のコードでは、剰余算を使って2つの数の余りを求め、その結果を表示します。


<script>
    let num1 = 10;
    let num2 = 3;
    let result = num1 % num2;  // 剰余算
    document.write("剰余算結果: " + result);  // 結果を表示
</script>
ブラウザ表示

このコードでは、num1num2で割った余りを求めています。その結果として"剰余算結果: 1"が表示されます。

6. インクリメント(++)

6. インクリメント(++)
6. インクリメント(++)

インクリメントは、変数の値を1増やす演算子です。インクリメント演算子は++です。

次のコードでは、変数の値をインクリメントして、その結果を表示します。


<script>
    let num = 5;
    num++;  // numの値を1増やす
    document.write("インクリメント結果: " + num);  // 結果を表示
</script>
ブラウザ表示

このコードでは、numの値が1増え、結果として"インクリメント結果: 6"が表示されます。

7. デクリメント(--)

7. デクリメント(--)
7. デクリメント(--)

デクリメントは、変数の値を1減らす演算子です。デクリメント演算子は--です。

次のコードでは、変数の値をデクリメントして、その結果を表示します。


<script>
    let num = 5;
    num--;  // numの値を1減らす
    document.write("デクリメント結果: " + num);  // 結果を表示
</script>
ブラウザ表示

このコードでは、numの値が1減り、結果として"デクリメント結果: 4"が表示されます。

コメント
コメント投稿は、ログインしてください

まだ口コミはありません。

カテゴリの一覧へ
新着記事
Java の複数の引数を扱う方法を完全ガイド!カンマで区切る基本を初心者向けに解説
Java の void メソッドとは?戻り値がない場合の使い方を初心者向けに徹底解説
Javaのメソッドのメリットを完全解説!処理の整理と再利用で初心者でも読みやすいコードに
Javaの戻り値とは?初心者でもわかるメソッドの基本と値を返す仕組み
人気記事
No.1
Java&Spring記事人気No1
SQLのINSERT文を完全ガイド!初心者でもわかるデータの追加方法
No.2
Java&Spring記事人気No2
Modelとは?メソッド引数のModelの使い方を初心者向けに解説!
No.3
Java&Spring記事人気No3
SQLのサブクエリを完全ガイド!入れ子クエリの使い方を初心者向け解説
No.4
Java&Spring記事人気No4
HTMLのセレクトボックス(プルダウン)の使い方を完全ガイド!selectとoptionの基本を覚えよう