Keyboard shortcuts

Press or to navigate between chapters

Press S or / to search in the book

Press ? to show this help

Press Esc to hide this help

演算えんざん

JavaScriptの「演算えんざん子(えんざんし)」:プログラムに計算や判断をさせる道具


I. はじめに:演算えんざん子(えんざんし)とは何か

プログラミングを学ぶとき、一番大切な道具が「演算えんざん子(えんざんし)」です。これは、データを使って計算をしたり、正しいか間違いかを調べたりするための「記号」のことです。

演算えんざん子を「料理の道具」にたとえてみましょう。「料理の材料」はデータです。材料を包丁ほうちょうで切ったり、鍋で煮たりするように、演算えんざん子を使ってデータを加工かこうします。また、演算えんざん子は「計算機のボタン」にも似ています。ボタンを押すことで、計算機に「何をすべきか」を伝えます。

演算えんざん子がないプログラムは、ただの「動かない文字の集まり」です。 演算えんざん子を使うことで初めて、プログラムに「知能(判断力)」や「うごき」という「心」が生まれます。

ではまず、演算えんざん子の中でもプログラムのうごきを作る基本中の基本、「計算の演算えんざん子」から学んでいきましょう。


II. 計算の演算えんざん子(算術さんじゅつ演算えんざん子:さんじゅつえんざんし)

数値すうちを計算するときに使う記号です。算数のルールと似ていますが、ざんざんの記号がプログラミング特有とくゆうのものになっています。

1. 基本的な計算の記号

プログラムでは、計算の結果を画面がめんに出したり、変数へんすう(箱)に保存して次の処理に使ったりします。

演算えんざん意味れい結果
+ざん加算かさん5 + 38
-ざん減算げんさん10 - 46
*ざん乗算じょうさん6 * 212
/ざん除算じょさん10 / 25
%余り(剰余)10 % 31(10÷3の余り)

2. 数を1つずつ増やす・減らす

「あと何回繰り返すか」を数えるときなど、ループ処理で非常によく使う特別な記号があります。

  • インクリメント(++): 値を「1」増やします。(れい:count++)
  • デクリメント(–): 値を「1」減らします。(れい:count–)

3. 文字列の結合けつごうと「Number()」の魔法まほう

+ 演算えんざん子は文字をつなげることもできますが、注意が必要です。

  • “こんにちは” + “田中さん” → “こんにちは田中さん”
  • “100” + 1 → “1001” (文字の100と数字の1がくっついてしまう)

このように、文字として数字を扱ってしまうと計算ミス(バグ)になります。そこで便利なのが Number() という関数かんすうです。これは、「文字の “100” を数値すうちの 100 に変える魔法まほう です。

  • Number(“100”) + 1 → 101 (正しく計算できます!)

関数かんすうについては、後の章で詳しく説明します。今は、ひとつの 魔法まほう だと思っていてください。

計算ができるようになったら、次はプログラムに「はい」か「いいえ」を判断させる方法を見てみましょう。

4. 式(しき)/ Expression

5 + 3 のように、演算えんざん子(道具)を使って、「答え(値)」を出すもの と呼びます。「計算けいさんのフレーズ」のことです。

  • れい 10 + 5 (答えは15)、a == b (答えは「はい」か「いいえ」)
  • 料理でいうと: 「野菜(やさい)を切る」「お肉を焼く」
  • 何かのアクションをして、「切った野菜」という結果が生まれます。

III. 条件式で使う演算えんざん子(比較演算えんざん子:ひかくんざんし)

プログラムに「もし〜なら」という判断をさせるためには、2つの値を比べる必要があります。このときに使うのが比較演算えんざん子です。これはプログラムが自分で考えて動くための「心臓部」です。

1. 値の大きさを比べる

比較した結果は、正しいなら true(しん)、間違いなら false() という「ブール値」で返されます。

  • > :左の方が大きい
  • < :右の方が大きい
  • >= :左の方が右と同じか、大きい(以上)
  • <= :左の方が右と同じか、小さい(以下)

2. 「同じ」かどうかを調べる(ここは一番大切です!)

「同じ」を調べるとき、JavaScriptには2つのかたがありますが、初心者は必ず === を使ってください。

  • ==(等しい): 値が同じか「おおまかに」調べます。
  • ===厳密げんみつに等しい): 値だけでなく「データの種類(数字か文字か)」まで正確に調べます。

なぜ === がいいのか? == を使うと、JavaScriptが、たのまれてもいないのに、勝手に手伝おうとして、データの種類を変えて比較してしまいます。たとえば、5 == "5" は true になってしまいます。このようにJavaScriptが勝手に型を変えてしまうことが、予想よそう外のバグの原因になります。正確なプログラムを作るために、型までチェックする === を使いましょう。

次は、複数の条件をわせる「論理ろんり演算えんざん子」について説明します。


IV. 論理ろんり演算えんざん子(ろんりえんざんし):複数の条件をわせる

「18歳以上、かつ、会員である」のように、複雑な判断を行いたいときに使うのが論理ろんり演算えんざん子です。

1. 3つの基本ルール

  1. 論理ろんりせき(&&): 「かつ(AND)」。すべての条件が true のときだけ全体が true になります。
  2. 論理ろんり和(||): 「または(OR)」。どれか1つでも true なら全体が true になります。
  3. 論理ろんり否定(!): 「ではない(NOT)」。結果を反対にします(true を false に変える)。

2. 真偽しんぎの結果(真理しんり表)

条件A条件BA && B (かつ)A || B (または)! A (ではない)
truetruetruetruefalse
truefalsefalsetruefalse
falsetruefalsetruetrue
falsefalsefalsefalsetrue

複雑な条件をこれらの記号でシンプルに整理することが、ミスのない綺麗なコードを書くコツです。


V. 演算えんざん優先ゆうせん度(えんざんのゆうせんど):計算の正しい順番

1つの行にたくさんの演算えんざん子があるとき、どの順番で処理されるかが重要です。順番を間違えると、計算結果がめちゃくちゃになってしまいます。

1. 基本のルール

算数と同じで、ざんざん(*, /)は、ざんざん(+, -)よりも先」 に計算されます。

2. 括弧 () でコントロールする

ざんを先にしたい」というときは 括弧 () を使います。

  • 10 + 2 * 5 → 20
  • (10 + 2) * 5 → 60

3. プロとしてのコツ

1行で長く書くのではなく、括弧を使って順番をはっきりさせたり、計算をいくつかの行に分けたりしましょう。そうすることで、自分だけでなく、チームの仲間があなたのコードを読んだときに迷わなくて済むようになります。


VI. まとめ:プログラミングの基礎をかためる

演算えんざん子はJavaScriptで「うごき」を作るための大切な道具です。これらを使いこなせば、あなたのアイデアを自由にプログラムにすることができます。

留学生が間違いやすいポイントをリマインド!

  • = と === の混同こんどう: = は「代入だいにゅう(右の値を左に入れる)」、=== は「比較(同じか調べる)」です。
  • 文字列の結合けつごう: 数字と文字を + でつなぐと文字になってしまいます。計算したいときは Number() を使いましょう。
  • 優先ゆうせん順位のミス: 複雑な計算は括弧 () を使って順番を整理しましょう。

練習が一番の近道ちかみちです

頭で覚えるだけでなく、実際に手を動かしましょう。ブラウザの「開発かいはつ者ツール」にあるコンソールは、あなたの「最高の友達」です。 console.log() を使って、演算えんざんの結果を自分の目で何度も確認してください。

  • れい:console.log(10 * 5 === 50); と打って true が出るか試す。

ひとつひとつの道具を楽しみながら練習していきましょう。あなたが素晴らしいエンジニアになれるよう、いつも応援しています!

これがマスターできれば、次のステップである「条件分岐」や「ループ(かえし)」も、きっとスムーズに理解できるはずです。自信を持って学習を続けていきましょう!