JavaScript が数値を追加する代わりに連結するのはなぜですか?それを修正するにはどうすればよいですか?

加算ではなく連結: 数値型の不一致を解決する

JavaScript で 2 つの変数を追加すると、予期しない結果が発生する可能性があります。値は数値として追加されるのではなく、文字列として連結されます。これは、ユーザー フォームから入力を取得するとき、または元々文字列として保存されていた値を操作するときによく発生します。

この問題を解決するには、関係する変数が文字列ではなく数値としてフォーマットされていることを確認することが重要です。 JavaScript では、文字列の先頭にプラス記号 ( ) を付けることで、文字列を数値に簡単に変換できます。これにより、JavaScript は文字列を数値として解釈し、適切な追加が可能になります。

次の例を考えてみましょう。

var y = document.getElementById("txt1").value;
var z = document.getElementById("txt2").value;
var x = +y + +z;
document.getElementById("demo").innerHTML = x;

このコードでは、y と z の両方を先頭に追加します。それらを数値に変換します。これにより、値が数値的に加算され、正しい合計が得られ、デモ要素に表示されます。

JavaScript の文字列と数値の違いを理解し、適切な型変換を使用することで、連結の問題を解決し、正確な計算を実行します。

以上がJavaScript が数値を追加する代わりに連結するのはなぜですか?それを修正するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。