初級

文字列同士の + が連結になる理由

数字だけの文字列同士でも、+演算子は数値としての加算ではなく文字列としての連結を行います。数値として計算したい場合はNumber()などで明示的に変換する必要があります。

なぜエラーが出ないのか

出力: 103

（エラーなし）

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

出力: 103

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

見つけ方

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

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

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

 1  const x = "20";
 2  const y = "5";
 3  console.log(x + y                );
                          ^

 1  const m = "100";
 2  const n = "1";
 3  console.log(m + n                );
                          ^

よくある誤解

「数字に見える文字列なら自動で数値として計算されるはず」という思い込みは誤りです。+は片方でも文字列があれば文字列連結を優先するため、両方が数字だけの文字列でも連結されます。

まとめ

文字列同士の + が連結になる理由は初級でつまずきやすい項目です。上の3パターンを実際に手で直すと、エラーメッセージのどこを読めばよいかが掴めます。

演習をはじめる

関連するエラー

• "合計: " + a + b が期待した数値の合計にならない理由文字列と数値を+で連続してつなげると、最初の+で文字列に変換されてしまい、それ以降の+はすべて文字列連結として扱われます。
• == が意図しない型変換で真になってしまう（===との違い）==は比較の前に両辺の型をそろえようとするため、文字列の"0"や空文字列、falseなどが数値の0と等しいと判定されてしまいます。