初級

"合計: " + a + b が期待した数値の合計にならない理由

文字列と数値を+で連続してつなげると、最初の+で文字列に変換されてしまい、それ以降の+はすべて文字列連結として扱われます。数値同士を先に計算したい場合は括弧で明示する必要があります。

なぜエラーが出ないのか

出力: Total: 53

（エラーなし）

JavaScriptは何も報告しません。文法として正しいためです

出力: Total: 53

実際の挙動 — 期待した結果と食い違っている箇所

見つけ方

エラーが出ないので、出力を目で確かめるか、コードを目で追うしかありません。この種の誤りが最も発見が遅れます

このエラーが出る典型パターン

 1  const price = 5;
 2  const qty = 3;
 3  console.log("Total: " + price + qty  );
                                  ^

 1  const a = 7;
 2  const b = 2;
 3  console.log("Sum: " + a + b  );
                             ^

 1  const x = 9;
 2  const y = 4;
 3  console.log("Combined: " + x + y  );
                                  ^

 1  const apples = 3;
 2  const oranges = 5;
 3  console.log("Fruits: " + apples + oranges  );
                                      ^

 1  const hours = 8;
 2  const minutes = 15;
 3  console.log("Time: " + hours + minutes  );
                                   ^

よくある誤解

「+が並んでいれば数値同士は先に足し算されるはず」という思い込みは誤りです。+演算子は左から順に評価されるため、一度文字列と結合された時点で残りもすべて文字列連結になります。

実務での勘所

この種の事故を避ける実務上のテクニックとして、単項プラス(+a)という書き方があります。+aは「aを数値に変換する」という意味の演算子で、Number(a)を短く書いたものです。"合計: " + (+a + +b)のようにすれば、文字列に変換される前に確実に数値として足し算されます。読み慣れないと記号が重なって見えますが、JavaScriptのコードでは頻出するイディオムなので、+が2つ並んでいたら「型変換してから計算している」と読めるようにしておくと役立ちます。

演習をはじめる

関連するエラー

• 文字列同士の + が連結になる理由数字だけの文字列同士でも、+演算子は数値としての加算ではなく文字列としての連結を行います。
• == が意図しない型変換で真になってしまう（===との違い）==は比較の前に両辺の型をそろえようとするため、文字列の"0"や空文字列、falseなどが数値の0と等しいと判定されてしまいます。