JavaScript ' ' 演算子: 連結または加算 - 予期しない結果を回避するには?

JavaScript における連結と加算: ' ' 演算子を理解する

JavaScript では、2 つの値を加算するときに、次の場合に予期しない結果が発生する可能性があります。値は数値ではありません。デフォルトでは、' ' 演算子は値の合計を計算する代わりに値を連結しようとします。

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

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

このコードでは、JavaScript は y と z を文字列として扱います。 、その結果、加算ではなく連結が行われます。その結果、1 と 2 を加算すると、「3」ではなく「12」が出力されます。

解決策: 文字列を数値に変換する

この問題を解決するには、次の方法があります。単項プラス ' ' 演算子を使用して、y と z を数値に明示的に変換します:

var x = +y + +z;

この変換y と z の両方が数値として扱われるようにし、その合計を計算します。変数名の前に「 」を追加すると、JavaScript は加算を実行する前に、まず値を数値に変換しようとします。

これらのガイドラインに従うことで、開発者は意図しない連結の落とし穴を回避し、変数内で正確な数学的演算を保証できます。 JavaScript。

以上がJavaScript ' ' 演算子: 連結または加算 - 予期しない結果を回避するには?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。