JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptの「+」演算子：加算と文字列連結の違いを解説

JavaScriptでは、数値の加算と文字列の連結に同じ「+」演算子が使用されます。しかし、この2つはまったく異なる動作をします。オペランドに文字列が含まれる場合は「連結」として働き、数値同士の場合は「加算（足し算）」として働きます。

加算と連結の違い

例えば、30 + 25 のように数値同士を「+」でつなぐと、結果は 55 という数値になります。一方、30 + "25" のように片方が文字列の場合、JavaScriptは自動的に型変換を行い、結果は "3025" という文字列になります。

サンプルコード

以下の例では、数値の加算と文字列の連結をそれぞれ実行し、異なる結果が出力されることを確認できます。

<!DOCTYPE html>
<html>
   <body>
      <script>
         // 片方が文字列なので連結される
         var val1 = 30 + "25";
         document.write(val1+"<br>");
         
         // 数値同士なので加算される
         var val2 = 30 + 25;
         document.write(val2);
      </script>
   </body>
</html>

実行結果

3025
55

ポイントまとめ

  • オペランドのどちらか一方でも文字列が含まれる場合、「+」は連結演算子として動作します。
  • 両方のオペランドが数値である場合のみ、加算（算術演算）が行われます。
  • 意図しない型変換によるバグを防ぐには、Number() や parseInt() を使って明示的に数値へ変換するのが安全です。
  1. 【初心者向け】JavaScriptのFileとFileReaderを使ってファイルを読み込む方法

    JavaScriptにおけるFileとFileReaderとは？ JavaScriptでは、<input type=file>要素を使うことで、ユーザーにローカルファイルを選択させることができます。選択されたファイルはFileオブジェクトとして取得でき、ファイル名・サイズ・MIMEタイプなどの基本情報へアクセス可能です。 さらに、FileReaderオブジェクトを利用すれば、選択されたファイルの中身を非同期で読み込み、テキストやデータURLとして扱うことができます。 サンプルコード 以下は、JavaScriptでFileとFileReaderを使用して、ファイルの詳細情報を表示し

  2. SSOとフェデレーションは同じ手法?2つの認証技術の違いを徹底解説

    パスワードだけに頼る時代の終わり 数年前まで、パスワードはハッキングを防ぐ最良の手段だと考えられていました。アカウントを守ってくれる存在として、私たちは喜んでパスワードを使ってきたのです。しかし時が経つにつれ、私たちは複数の独立したアカウントを使うようになり、すべてのパスワードを記憶しておくことが大きな負担になりました。パスワードを失くしてしまうこと自体が悪夢となったのです。 補足： イギリスのある調査チームによると、平均的な人は27以上の個別のログイン情報を扱っているという結果が出ています。 さらに研究では、顧客の4人に3人がパスワードを管理しきれなくなっていることが明らかになっています。こ