初級

"合計: " + 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  );
                                  ^

よくある誤解

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

まとめ

"合計: " + a + b が期待した数値の合計にならない理由は初級でつまずきやすい項目です。上の3パターンを実際に手で直すと、エラーメッセージのどこを読めばよいかが掴めます。

演習をはじめる

関連するエラー

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