基礎から学ぶJavaScript入門 90日コース | JavaScriptを動かして慣れる - Day 4:演算子

JavaScript 90日で身につけるJavaScript
スポンサーリンク
スポンサーリンク
  1. Day 4:演算子 ― 「計算・比較・条件」をまとめて体験する日
  2. 演算子とは ― 「値に対して何をするか」を指示する記号
  3. 算術演算子 ― 足し算・引き算・掛け算・割り算など
    1. よく使う算術演算子
  4. 比較演算子 ― 値どうしを比べて true / false を返す
    1. 大小比較の演算子
    2. 等しいかどうかの演算子(== と ===)
  5. 論理演算子 ― 条件を組み合わせるための AND / OR / NOT
    1. よく使う論理演算子
  6. 代入演算子 ― 変数に値を入れる&更新する
    1. 基本の代入演算子:=
    2. よく使う「複合代入演算子」
  7. 実践1:消費税込み価格を計算する
    1. ステップ1:商品価格と税率を変数にする
    2. ステップ2:税額と税込み価格を算術演算子で計算する
  8. 実践2:割引価格を計算する
    1. ステップ1:元の価格と割引率を変数にする
    2. ステップ2:割引額と割引後価格を計算する
  9. 応用ミニ課題:会員だけ割引を適用する(論理+比較)
  10. 練習用テンプレート:税込み+割引をまとめて計算する
  11. セキュリティ視点のひとこと
  12. Day 4のまとめ ― 演算子を知ると、コードが一気に“計算機”らしくなる
  13. Day 4:演算子 ― 「簡単な電卓」を作りながら記号の意味に慣れる
  14. 演算子の全体像をざっくりつかむ
  15. 算術演算子 ― 電卓の基本ボタンたち
    1. よく使う算術演算子
  16. 比較演算子 ― 計算結果を「比べる」ための記号
    1. 大小比較
    2. 等しいかどうか(=== を基本に)
  17. 論理演算子 ― 条件を組み合わせるための AND / OR / NOT
    1. よく使う論理演算子
  18. 代入演算子 ― 計算結果を変数にしまっておく
    1. 基本の代入:=
    2. 複合代入演算子
  19. ミニ課題:簡単な電卓プログラムを作る
    1. ステップ1:ブラウザのコンソールを開く
    2. ステップ2:電卓の「入力値」を用意する
    3. ステップ3:足し算・引き算・掛け算・割り算をまとめて計算する
    4. ステップ4:比較演算子で計算結果をチェックする
    5. ステップ5:論理演算子で条件を組み合わせる
    6. ステップ6:代入演算子で「メモリ付き電卓」にしてみる
  20. 練習用テンプレートコード ― 自分の数字で遊べる電卓
  21. セキュリティ視点のひとこと
  22. Day 4のまとめ ― 電卓を通して「記号の意味」が一気にクリアになる

Day 4:演算子 ― 「計算・比較・条件」をまとめて体験する日

JavaScript入門90日コースのDay 4では、「演算子」をテーマに進めていきます。 演算子は、値どうしを計算したり、比べたり、条件を組み合わせたりするときに使う“記号たち”です。 今日は、算術・比較・論理・代入という4つの演算子をざっくり押さえつつ、実践として「消費税込み価格」と「割引価格」を計算するミニプログラムを作っていきます。

演算子とは ― 「値に対して何をするか」を指示する記号

演算子は、ざっくり言うと「値に対してどんな操作をするか」を指示する記号です。

  • 足し算する
  • 引き算する
  • 比べる
  • 条件を組み合わせる
  • 変数に値を入れる(代入する)

など、プログラムの中で頻繁に登場します。

例:

const a = 10;
const b = 3;

const sum = a + b; // + は足し算の演算子
console.log(sum);  // 13
JavaScript

ここでは、+ が「足し算しなさい」という意味の演算子になっています。

算術演算子 ― 足し算・引き算・掛け算・割り算など

よく使う算術演算子

算術演算子は、数字どうしの計算に使う演算子です。

  • +:足し算
  • -:引き算
  • *:掛け算
  • /:割り算
  • %:余り(割ったときの残り)
// 算術演算子の基本例です

const price = 2000;
const taxRate = 0.1; // 消費税率 10%

// 税額を計算(掛け算)
const tax = price * taxRate;

// 合計金額を計算(足し算)
const total = price + tax;

// 割り算と余りの例
const a = 10;
const b = 3;
const division = a / b; // 割り算
const remainder = a % b; // 余り

console.log("税額:" + tax);          // 税額:200
console.log("合計金額:" + total);    // 合計金額:2200
console.log("10 / 3:" + division);    // 10 / 3:3.333...
console.log("10 % 3:" + remainder);   // 10 % 3:1
JavaScript

%(パーセントではなく「余り」)は、割引計算や偶数・奇数判定などでよく使われます。

比較演算子 ― 値どうしを比べて true / false を返す

大小比較の演算子

比較演算子は、値どうしを比べて「真偽値(true / false)」を返します。

  • >:左が右より大きいか
  • <:左が右より小さいか
  • >=:左が右以上か
  • <=:左が右以下か
// 大小比較の例です

console.log(5 > 3);   // true
console.log(5 < 3);   // false
console.log(5 >= 5);  // true
console.log(4 <= 4);  // true
JavaScript

等しいかどうかの演算子(== と ===)

等しいかどうかを比べる演算子は、少し注意が必要です。

  • ==:ゆるい比較(型を自動で変換してから比べる)
  • ===:厳密な比較(型も値も同じかどうかを比べる)

初心者のうちは、基本的に === を使う と覚えておくのがおすすめです。

// 等しいかどうかの比較例です

console.log(5 == "5");   // true(型を変換してから比較する)
console.log(5 === "5");  // false(数値と文字列で型が違うため)

console.log(0 == false);  // true
console.log(0 === false); // false
JavaScript

「思っていたのと違う結果」が出やすいのは == のほうなので、バグを避けるためにも === を習慣にしておくと安心です。

論理演算子 ― 条件を組み合わせるための AND / OR / NOT

よく使う論理演算子

論理演算子は、条件どうしを組み合わせるときに使います。

  • &&:AND(かつ)
  • ||:OR(または)
  • !:NOT(〜ではない)
// 論理演算子の例です

const age = 20;
const hasMemberCard = true;

// AND(両方とも条件を満たすとき)
const canGetDiscount = age >= 18 && hasMemberCard;
console.log(canGetDiscount); // true(20歳以上 かつ 会員カードあり)

// OR(どちらか一方でも条件を満たせばOK)
const canEnterEvent = age >= 18 || hasMemberCard;
console.log(canEnterEvent); // true(どちらかが true なら true)

// NOT(真偽値を反転する)
const isChild = !(age >= 18);
console.log(isChild); // false(18歳以上なので子どもではない)
JavaScript

論理演算子は、Day 5以降の「条件分岐(if)」で本格的に活躍しますが、今のうちにざっくりイメージを持っておくとスムーズです。

代入演算子 ― 変数に値を入れる&更新する

基本の代入演算子:=

代入演算子は、変数に値を入れるときに使う演算子です。 いちばん基本は = です。

// 基本の代入の例です

let price = 2000; // 代入:price に 2000 を入れる
price = 2500;     // 更新:price の中身を 2500 に変える

console.log(price); // 2500
JavaScript

よく使う「複合代入演算子」

計算と代入をまとめて書ける演算子もあります。

  • +=:足して代入(x += 5 は x = x + 5 と同じ)
  • -=:引いて代入
  • *=:掛けて代入
  • /=:割って代入
// 複合代入演算子の例です

let total = 1000;

total += 500; // total = total + 500 → 1500
console.log(total); // 1500

total -= 200; // total = total - 200 → 1300
console.log(total); // 1300

total *= 2;   // total = total * 2 → 2600
console.log(total); // 2600

total /= 4;   // total = total / 4 → 650
console.log(total); // 650
JavaScript

複合代入演算子は、コードを短く・読みやすく書くのに役立ちます。

実践1:消費税込み価格を計算する

ここからは、Day 4の実践編です。 まずは「消費税込み価格」を計算するミニプログラムを作ってみます。

ステップ1:商品価格と税率を変数にする

// ==============================
// 消費税込み価格計算プログラム
// ==============================

// 商品の税抜き価格(数値)
const priceWithoutTax = 2000;

// 消費税率(10% を 0.1 として表現します)
const taxRate = 0.1;
JavaScript

ステップ2:税額と税込み価格を算術演算子で計算する

// 税額を計算します(掛け算)
const taxAmount = priceWithoutTax * taxRate;

// 税込み価格を計算します(足し算)
const priceWithTax = priceWithoutTax + taxAmount;

// 結果をコンソールに表示します
console.log("税抜き価格:" + priceWithoutTax + "円");
console.log("消費税率:" + (taxRate * 100) + "%");
console.log("税額:" + taxAmount + "円");
console.log("税込み価格:" + priceWithTax + "円");
JavaScript

ここでは、

  • * で税額を計算
  • + で税抜き価格と税額を足して税込み価格を計算

という流れになっています。

実践2:割引価格を計算する

次に、「割引価格」を計算するミニプログラムを作ってみます。 セールやクーポンをイメージすると分かりやすいです。

ステップ1:元の価格と割引率を変数にする

// ==============================
// 割引価格計算プログラム
// ==============================

// 元の価格(数値)
const originalPrice = 3000;

// 割引率(20% を 0.2 として表現します)
const discountRate = 0.2;
JavaScript

ステップ2:割引額と割引後価格を計算する

// 割引額を計算します(掛け算)
const discountAmount = originalPrice * discountRate;

// 割引後の価格を計算します(引き算)
const discountedPrice = originalPrice - discountAmount;

// 結果をコンソールに表示します
console.log("元の価格:" + originalPrice + "円");
console.log("割引率:" + (discountRate * 100) + "%");
console.log("割引額:" + discountAmount + "円");
console.log("割引後の価格:" + discountedPrice + "円");
JavaScript

ここでは、

  • * で割引額を計算
  • - で元の価格から割引額を引いて割引後価格を計算

という流れになっています。

応用ミニ課題:会員だけ割引を適用する(論理+比較)

Day 4の範囲を少しだけ広げて、「会員だけ割引を適用する」ミニ課題も考えてみましょう。 ここでは、比較演算子と論理演算子を軽く使います。

// ==============================
// 会員だけ割引を適用する例
// ==============================

// 元の価格
const originalPrice = 3000;

// 割引率(会員向け)
const memberDiscountRate = 0.2;

// 会員かどうか(true なら会員、false なら非会員)
const isMember = true;

// 割引後価格を入れる変数
let finalPrice;

// 会員かどうかで分岐します
if (isMember === true) {
  // 会員の場合は割引を適用
  const discountAmount = originalPrice * memberDiscountRate;
  finalPrice = originalPrice - discountAmount;
  console.log("会員割引が適用されました。");
} else {
  // 非会員の場合は割引なし
  finalPrice = originalPrice;
  console.log("割引は適用されませんでした。");
}

console.log("最終的な支払価格:" + finalPrice + "円");
JavaScript

ここでは、

  • === で「会員かどうか」を厳密に比較
  • if 文の中で算術演算子を使って割引計算

という流れになっています(条件分岐はDay 5で本格的に扱いますが、雰囲気だけ先取りです)。

練習用テンプレート:税込み+割引をまとめて計算する

最後に、Day 4の内容をまとめた「練習用テンプレート」を用意します。 ブラウザのコンソールに貼り付けて、値を自由に書き換えながら遊んでみてください。

// ==============================
// Day 4:演算子 練習テンプレート
// 消費税込み価格+割引価格をまとめて計算する
// ==============================

// 1. 商品情報を用意する

// 税抜き価格(自分で好きな値に変えてOKです)
const priceWithoutTax = 2500;

// 消費税率(例:10%)
const taxRate = 0.1;

// 割引率(例:15%)
const discountRate = 0.15;

// 会員かどうか(true なら会員、false なら非会員)
const isMember = true;

// 2. 税額と税込み価格を計算する(算術演算子)

const taxAmount = priceWithoutTax * taxRate;
const priceWithTax = priceWithoutTax + taxAmount;

console.log("=== 税込み価格計算 ===");
console.log("税抜き価格:" + priceWithoutTax + "円");
console.log("消費税率:" + (taxRate * 100) + "%");
console.log("税額:" + taxAmount + "円");
console.log("税込み価格:" + priceWithTax + "円");

// 3. 割引価格を計算する(会員だけ割引を適用)

console.log("=== 割引価格計算 ===");

let finalPrice = priceWithTax; // 最終価格を税込み価格からスタート

if (isMember === true) {
  // 会員の場合は割引を適用します
  const discountAmount = priceWithTax * discountRate;
  finalPrice = priceWithTax - discountAmount;

  console.log("会員割引が適用されました。");
  console.log("割引率:" + (discountRate * 100) + "%");
  console.log("割引額:" + discountAmount + "円");
} else {
  // 非会員の場合は割引なし
  console.log("割引は適用されませんでした。");
}

console.log("最終的な支払価格:" + finalPrice + "円");

// 4. 複合代入演算子で書き換えてみる練習(おまけ)

let points = 1000; // 所持ポイント

// 500ポイント獲得
points += 500; // points = points + 500
// 200ポイント使用
points -= 200; // points = points - 200

console.log("現在のポイント:" + points);
JavaScript

このテンプレートをベースに、

  • 税率や割引率を変えてみる
  • 会員フラグを true / false に切り替えて挙動を確認する
  • 複合代入演算子を使ってポイント計算を増やしてみる

といった練習をすると、演算子の感覚がぐっと身近になります。

セキュリティ視点のひとこと

演算子そのものはセキュリティと直接結びついているようには見えませんが、「計算や比較が正しく行われているかどうか」は、実は安全なシステムづくりにとても重要です。

  • 割引計算のバグで、意図しない超安値になってしまう
  • 比較演算子のミスで、本来アクセスできないユーザーが機能を使えてしまう

といった問題は、現実のサービスでも起こり得ます。 Day 4の段階から、「どの演算子を使って何をしているのか」を意識して書くクセをつけておくと、後々セキュアなコードを書きやすくなります。

Day 4のまとめ ― 演算子を知ると、コードが一気に“計算機”らしくなる

Day 4では、次のポイントを押さえました。

  • 算術演算子で、足し算・引き算・掛け算・割り算・余りを計算できる
  • 比較演算子で、値どうしを比べて true / false を得られる(=== を基本に使う)
  • 論理演算子で、条件を AND / OR / NOT で組み合わせられる
  • 代入演算子で、変数に値を入れたり、複合代入で更新したりできる
  • 実践として、消費税込み価格と割引価格を計算するミニプログラムを作った

演算子は、これから先の「条件分岐」「ループ」「配列操作」など、あらゆる場面で登場する“基礎体力”のような存在です。 今日のうちに、コンソールでいろいろな数字や条件を試しながら、演算子の動きに慣れておいてください。


Day 4:演算子 ― 「簡単な電卓」を作りながら記号の意味に慣れる

JavaScript入門90日コースのDay 4では、「演算子」をテーマに進めていきます。 今日はミニ課題として、ブラウザのコンソール上で動く「簡単な電卓プログラム」を作りながら、算術演算子・比較演算子・論理演算子・代入演算子の感覚をつかんでいきます。

演算子の全体像をざっくりつかむ

演算子は、値どうしを「どう扱うか」を指示する記号です。

  • 計算する(足し算・引き算など)
  • 比べる(大きい・小さい・等しいかどうか)
  • 条件を組み合わせる(AND / OR / NOT)
  • 変数に値を入れる・更新する

電卓プログラムは、まさに「演算子の見せ場」なので、ここで一気に仲良くなってしまいましょう。

算術演算子 ― 電卓の基本ボタンたち

よく使う算術演算子

電卓といえば、まずは計算です。 JavaScriptの算術演算子は、次のようなものがあります。

  • +:足し算
  • -:引き算
  • *:掛け算
  • /:割り算
  • %:余り(割ったときの残り)
// 算術演算子の基本例です

const a = 10;
const b = 3;

const sum = a + b;        // 足し算
const difference = a - b; // 引き算
const product = a * b;    // 掛け算
const quotient = a / b;   // 割り算
const remainder = a % b;  // 余り

console.log("a + b = " + sum);         // 13
console.log("a - b = " + difference);  // 7
console.log("a * b = " + product);     // 30
console.log("a / b = " + quotient);    // 3.333...
console.log("a % b = " + remainder);   // 1
JavaScript

電卓ミニ課題では、この算術演算子が主役になります。

比較演算子 ― 計算結果を「比べる」ための記号

大小比較

比較演算子は、値どうしを比べて true / false を返します。

  • >:左が右より大きいか
  • <:左が右より小さいか
  • >=:左が右以上か
  • <=:左が右以下か
console.log(5 > 3);   // true
console.log(5 < 3);   // false
console.log(5 >= 5);  // true
console.log(4 <= 4);  // true
JavaScript

等しいかどうか(=== を基本に)

等しいかどうかを比べるときは、次の2つがあります。

  • ==:ゆるい比較(型を自動変換してから比べる)
  • ===:厳密な比較(型も値も同じかどうかを比べる)

初心者のうちは、基本的に === を使うと覚えておくと安全です。

console.log(5 == "5");   // true(型を変換してから比較)
console.log(5 === "5");  // false(数値と文字列で型が違う)

console.log(0 == false);  // true
console.log(0 === false); // false
JavaScript

電卓ミニ課題では、「計算結果が特定の値と等しいかどうか」をチェックする場面で使えます。

論理演算子 ― 条件を組み合わせるための AND / OR / NOT

よく使う論理演算子

論理演算子は、条件どうしを組み合わせるときに使います。

  • &&:AND(かつ)
  • ||:OR(または)
  • !:NOT(〜ではない)
const result = 10;
const isPositive = result > 0;       // 0より大きいかどうか
const isSmall = result < 100;        // 100より小さいかどうか

// AND:両方の条件を満たすか
const isPositiveAndSmall = isPositive && isSmall;
console.log(isPositiveAndSmall); // true

// OR:どちらか一方でも満たせばOK
const isPositiveOrSmall = isPositive || isSmall;
console.log(isPositiveOrSmall); // true

// NOT:真偽値を反転する
const isNotPositive = !isPositive;
console.log(isNotPositive); // false
JavaScript

電卓ミニ課題では、「計算結果が一定の範囲内かどうか」をチェックする場面で使えます。

代入演算子 ― 計算結果を変数にしまっておく

基本の代入:=

代入演算子は、変数に値を入れるときに使う記号です。 いちばん基本は = です。

let result = 0;  // 初期値を代入
result = 10;     // 新しい値を代入

console.log(result); // 10
JavaScript

複合代入演算子

計算と代入をまとめて書ける便利な記号もあります。

  • +=:足して代入(x += 5 は x = x + 5 と同じ)
  • -=:引いて代入
  • *=:掛けて代入
  • /=:割って代入
let total = 0;

total += 10; // total = total + 10 → 10
total *= 2;  // total = total * 2 → 20
total -= 5;  // total = total - 5 → 15

console.log(total); // 15
JavaScript

電卓ミニ課題では、「計算結果を更新しながら使う」場面で活躍します。

ミニ課題:簡単な電卓プログラムを作る

ここからがDay 4のミニ課題です。 ブラウザのコンソール上で動く「簡単な電卓」を作りながら、演算子の動きを体験していきます。

ステップ1:ブラウザのコンソールを開く

  1. ブラウザで適当なWebページを開く
  2. 開発者ツールを開く(F12 や Ctrl + Shift + I など)
  3. 「Console」タブをクリックする

コンソールが開いたら、そこに以下のコードを貼り付けていきます。

ステップ2:電卓の「入力値」を用意する

まずは、電卓が計算するための2つの数字を用意します。

// ==============================
// Day 4 ミニ課題:簡単な電卓プログラム
// ==============================

// 電卓で使う2つの数値を用意します
// ここは自由に書き換えてOKです
const number1 = 10;
const number2 = 3;

console.log("number1 = " + number1);
console.log("number2 = " + number2);
JavaScript

ステップ3:足し算・引き算・掛け算・割り算をまとめて計算する

算術演算子を使って、基本的な計算をまとめて行います。

// 足し算
const sum = number1 + number2;

// 引き算
const difference = number1 - number2;

// 掛け算
const product = number1 * number2;

// 割り算
const quotient = number1 / number2;

// 余り
const remainder = number1 % number2;

// 結果をコンソールに表示します
console.log("=== 基本計算結果 ===");
console.log(number1 + " + " + number2 + " = " + sum);
console.log(number1 + " - " + number2 + " = " + difference);
console.log(number1 + " * " + number2 + " = " + product);
console.log(number1 + " / " + number2 + " = " + quotient);
console.log(number1 + " % " + number2 + " = " + remainder);
JavaScript

ここまでで、「電卓としての基本機能」はひと通り動きます。

ステップ4:比較演算子で計算結果をチェックする

次に、比較演算子を使って「計算結果が特定の条件を満たしているか」をチェックしてみます。

// 比較演算子で計算結果をチェックしてみます

console.log("=== 比較結果 ===");

// 足し算の結果が 10 より大きいかどうか
const isSumGreaterThan10 = sum > 10;
console.log("sum > 10 ? " + isSumGreaterThan10);

// 掛け算の結果が 20 以上かどうか
const isProductAtLeast20 = product >= 20;
console.log("product >= 20 ? " + isProductAtLeast20);

// 割り算の結果が 5 と等しいかどうか(=== を使います)
const isQuotientEqual5 = quotient === 5;
console.log("quotient === 5 ? " + isQuotientEqual5);
JavaScript

ここで表示される true / false を見ながら、「比較演算子が条件判定に使われている」ことを確認していきます。

ステップ5:論理演算子で条件を組み合わせる

論理演算子を使って、「複数の条件をまとめて判定する」練習をしてみます。

// 論理演算子で条件を組み合わせてみます

console.log("=== 論理演算子の結果 ===");

// 足し算の結果が 10 より大きく、かつ 掛け算の結果が 20 以上かどうか
const isGoodResult = (sum > 10) && (product >= 20);
console.log("(sum > 10) && (product >= 20) ? " + isGoodResult);

// 足し算の結果が 10 より大きい、または 割り算の結果が 5 と等しいかどうか
const isOkResult = (sum > 10) || (quotient === 5);
console.log("(sum > 10) || (quotient === 5) ? " + isOkResult);

// 足し算の結果が 10 以下かどうか(NOT を使って反転)
const isSumNotGreaterThan10 = !(sum > 10);
console.log("!(sum > 10) ? " + isSumNotGreaterThan10);
JavaScript

論理演算子は、条件分岐(if文)で本格的に使うことになりますが、ここで軽く触れておくと後が楽になります。

ステップ6:代入演算子で「メモリ付き電卓」にしてみる

最後に、代入演算子を使って「計算結果をメモリに保存して更新する」イメージを体験してみます。

// 代入演算子を使って、計算結果をメモリに保存してみます

console.log("=== メモリ付き電卓イメージ ===");

// メモリ用の変数を用意します
let memory = 0;

console.log("初期メモリ:" + memory);

// 足し算の結果をメモリに保存します
memory = sum; // 代入演算子 = を使っています
console.log("sum を保存したメモリ:" + memory);

// 掛け算の結果をメモリに加算します(複合代入演算子)
memory += product; // memory = memory + product
console.log("product を加算したメモリ:" + memory);

// 割り算の結果をメモリから減算します
memory -= quotient; // memory = memory - quotient
console.log("quotient を減算したメモリ:" + memory);
JavaScript

このように、代入演算子は「計算結果を変数にしまっておく」ための重要な道具です。

練習用テンプレートコード ― 自分の数字で遊べる電卓

最後に、Day 4の内容をまとめた「簡単な電卓プログラム」のテンプレートを用意します。 ブラウザのコンソールにそのまま貼り付けて、数字を自由に変えながら遊んでみてください。

// ==============================
// Day 4:簡単な電卓プログラム テンプレート
// ==============================

// 1. 入力値を用意する(ここを自由に書き換えて練習してみましょう)

const number1 = 15; // 1つ目の数
const number2 = 4;  // 2つ目の数

console.log("number1 = " + number1);
console.log("number2 = " + number2);

// 2. 基本計算(算術演算子)

const sum = number1 + number2;
const difference = number1 - number2;
const product = number1 * number2;
const quotient = number1 / number2;
const remainder = number1 % number2;

console.log("=== 基本計算結果 ===");
console.log(number1 + " + " + number2 + " = " + sum);
console.log(number1 + " - " + number2 + " = " + difference);
console.log(number1 + " * " + number2 + " = " + product);
console.log(number1 + " / " + number2 + " = " + quotient);
console.log(number1 + " % " + number2 + " = " + remainder);

// 3. 比較演算子で結果をチェック

console.log("=== 比較結果 ===");
console.log("sum > 20 ? " + (sum > 20));
console.log("product >= 50 ? " + (product >= 50));
console.log("remainder === 0 ? " + (remainder === 0)); // 割り切れているかどうか

// 4. 論理演算子で条件を組み合わせる

console.log("=== 論理演算子の結果 ===");
const isLargeSumAndProduct = (sum > 20) && (product > 50);
console.log("(sum > 20) && (product > 50) ? " + isLargeSumAndProduct);

const isGoodOrPerfect = (sum > 20) || (remainder === 0);
console.log("(sum > 20) || (remainder === 0) ? " + isGoodOrPerfect);

// 5. メモリ付き電卓(代入演算子)

console.log("=== メモリ付き電卓 ===");

let memory = 0; // メモリの初期値

console.log("初期メモリ:" + memory);

// sum をメモリに保存
memory = sum;
console.log("sum を保存したメモリ:" + memory);

// product を加算
memory += product; // memory = memory + product
console.log("product を加算したメモリ:" + memory);

// quotient を減算
memory -= quotient; // memory = memory - quotient
console.log("quotient を減算したメモリ:" + memory);
JavaScript

このテンプレートをベースに、

  • number1 と number2 をいろいろな値に変えてみる
  • 比較条件(> 20 や >= 50 など)を変えて結果を眺める
  • メモリの更新ロジックを自分なりに追加してみる

といった練習をすると、演算子の動きがぐっと体に染み込んでいきます。

セキュリティ視点のひとこと

電卓レベルのコードでも、「計算や比較が正しく行われているかどうか」は実はとても重要です。

  • 割引計算のバグで、意図しない価格になってしまう
  • 比較演算子のミスで、本来アクセスできないユーザーが機能を使えてしまう

といった問題は、現実のサービスでも起こり得ます。 Day 4の段階から、「どの演算子を使って何をしているのか」を意識して書くクセをつけておくと、後々セキュアなコードを書きやすくなります。

Day 4のまとめ ― 電卓を通して「記号の意味」が一気にクリアになる

Day 4では、次のポイントを押さえました。

  • 算術演算子で、足し算・引き算・掛け算・割り算・余りを計算できる
  • 比較演算子で、値どうしを比べて true / false を得られる(=== を基本に使う)
  • 論理演算子で、条件を AND / OR / NOT で組み合わせられる
  • 代入演算子で、計算結果を変数に保存・更新できる
  • ミニ課題として、簡単な電卓プログラムをコンソール上で動かした

演算子は、これから先の「条件分岐」「ループ」「配列操作」など、あらゆる場面で登場する基礎体力です。 今日のうちに、コンソールで数字を変えながら何度も計算してみて、「記号の意味」を体で覚えていってください。

タイトルとURLをコピーしました