在JavaScript中添加兩個號碼不正確

Question

Global.alert("base: " + base + ", upfront: " + upfront + ", both: " + (base + upfront)); 

上面的代碼輸出是這樣的：

base: 15000, upfront: 36, both: 1500036 

爲什麼會加入兩個數字，而不是添加起來的？

我最終想要另一個字段的值設置爲使用此此量：

mainPanel.feesPanel.initialLoanAmount.setValue(Ext.util.Format.number((base + upfront), '$0,000.00')); 

當我嘗試，它把數以百萬的，而不是15,036.00。爲什麼？

Answer 1

這可能是因爲它們是字符串而發生的。試試把它們解析：

Global.alert(
    "base: " + base + ", upfront: " + upfront + ", both: " + 
    (parseInt(base) + parseInt(upfront)) 
); 

如果這些數字是小數，你將需要parseFloat方法來代替。

Answer 2

它將它作爲一個字符串處理。你需要在字符串前進行數學運算。例如：

base + upfront + ' string' 

會返回「15036字符串」。

string + base + upfront 

將返回字符串1500036，因爲你現在看到。

或使用parseInt()。

Answer 3

嘗試

Global.alert(
    "base: " + base + ", upfront: " + upfront + ", both: " + 
    (parseInt(base,10) + parseInt(upfront,10)) 
); 

的10指定底座10，否則該值的機會被解析爲八進制存在。

Answer 4

http://jsperf.com/number-vs-parseint-vs-plus/3

這也可能是你的興趣。 這只是這裏已經提到的方法的性能比較。

Answer 5

我不知道爲什麼括號不會幫助你。
如果我嘗試

var base = 500; 
var upfront = 100; 
alert("base: " + base + ", upfront: " + upfront + ", both: " + (base + upfront)) 

我得到600的答案，所以它可能是有什麼東西在Global.alert功能怎麼回事？

語言設計的一個錯誤是+既是一個加法運算符，也是一個串聯運算符。再加上事實上它是鬆散的類型，並且隱含地意味着它會給你一些令人討厭的驚喜，除非你採取措施確保你真的添加了數字而不是串聯字符串。在這種情況下，它會將您的base + upfront作爲字符串並因此連接起來。

無論如何，繞過它的方式可能是改爲(base - upfront*-1)。

Answer 6

簡單的例子：

1 +1 == 2 
"1"+1 == "11" 
"1"*1 + 1 == 2 

途徑把字符串轉換成一個數：

• parseInt(str)
• parseInt(str,10)
• parseFloat(str)
• +str
• str*1
• str-0
• str<<0
• Number(str)

這裏有一些後果： Results of converting various strings using the above techniques http://phrogz.net/JS/string_to_number.png

Number(str)具有相同的行爲str*1，但需要一個函數調用。

我個人使用*1，因爲它很短，但仍然很突出（不像一元+），並且給我什麼用戶輸入或完全失敗。我只使用parseInt()當我知道將在最後有非數字內容忽略，或者當我需要解析非基10字符串。

您可以在瀏覽器中測試這些性能at my example page。