JavaScript ' ' 運算子：串連或加法－如何避免意外結果？

JavaScript 中的串聯與加法：理解' ' 運算子

在JavaScript 中，當加入兩個值時，如果出現以下情況，可能會遇到意外結果：這些數值不是數字。預設情況下，「 」運算子嘗試連接值而不是計算它們的總和。

考慮以下範例：

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 相加將輸出“12”而不是“3”。

解決方案：將字串轉換為數字

要解決此問題，可以使用一元加「 」運算子將y 和z 明確轉換為數字：

var x = +y + +z;

此轉換可確保兩者y 和z 被視為數字，從而計算它們的總和。透過在變數名稱前面加上 ' '，JavaScript 將首先嘗試將值轉換為數字，然後再執行加法。

遵守這些準則，開發人員可以避免無意連接的陷阱，並確保準確的數學運算JavaScript。

以上是JavaScript ' ' 運算子：串連或加法－如何避免意外結果？的詳細內容。更多資訊請關注PHP中文網其他相關文章！