.jpg)
JavaScript中將字符串轉(zhuǎn)換為數(shù)字需注意方法選擇及潛在問題。1.使用parseint()時(shí)必須指定基數(shù)，如parseint(“42”,10)，避免誤解析十六進(jìn)制；2.處理浮點(diǎn)數(shù)推薦parsefloat()，如parsefloat(“3.14”)；3.嚴(yán)格轉(zhuǎn)換可用number()或一元加號(hào)+，如number(“42″)或+”42″，但會(huì)返回nan當(dāng)字符串含非法字符；4.取整可用math.floor/ceil/round結(jié)合數(shù)字轉(zhuǎn)換。轉(zhuǎn)換出錯(cuò)主因是JS弱類型特性導(dǎo)致非數(shù)字字符干擾，故應(yīng)先驗(yàn)證字符串有效性，如用正則檢測是否純數(shù)字。性能上一元加號(hào)和number()略優(yōu)，但差異不大。若字符串含非數(shù)字內(nèi)容，可先用正則替換移除非數(shù)字字符再轉(zhuǎn)數(shù)字，如str.replace(/1/g, ”)后用number()轉(zhuǎn)換。d. ?
直接將字符串轉(zhuǎn)換為數(shù)字，這事兒聽起來簡單，但JavaScript里頭一不小心就掉坑里。畢竟類型轉(zhuǎn)換這玩意，水深著呢。
解決方案
-
parseInt()：這是最常用的方法之一，但要注意它的基數(shù)參數(shù)。如果你不指定基數(shù)，并且字符串以”0x”開頭，parseInt 會(huì)將其解釋為十六進(jìn)制數(shù)。所以，最好始終指定基數(shù)10，確保得到十進(jìn)制數(shù)。例如：parseInt(“42”, 10);
-
parseFloat()：如果你需要處理浮點(diǎn)數(shù)，parseFloat() 是更好的選擇。它會(huì)嘗試將字符串解析為浮點(diǎn)數(shù)。例如：parseFloat(“3.14”);
-
Number()：這是一個(gè)構(gòu)造函數(shù)，也可以用來將字符串轉(zhuǎn)換為數(shù)字。與 parseInt() 和 parseFloat() 不同，Number() 會(huì)嘗試將整個(gè)字符串轉(zhuǎn)換為數(shù)字，如果字符串不能完全轉(zhuǎn)換為數(shù)字，它會(huì)返回 NaN。例如：Number(“42”);
-
一元加號(hào) (+)：這是一個(gè)非常簡潔的方法。將一元加號(hào)放在字符串前面，JavaScript 會(huì)嘗試將其轉(zhuǎn)換為數(shù)字。如果轉(zhuǎn)換失敗，也會(huì)返回 NaN。例如：+”42″;
-
Math.floor()/Math.ceil()/Math.round()：如果你需要將字符串轉(zhuǎn)換為整數(shù)，并且希望對結(jié)果進(jìn)行取整，可以使用這些方法。首先使用 Number() 或一元加號(hào)將字符串轉(zhuǎn)換為數(shù)字，然后再使用這些方法進(jìn)行取整。例如：Math.floor(+”3.7″);
為什么字符串轉(zhuǎn)數(shù)字會(huì)出錯(cuò)？
JavaScript 是一種弱類型語言，這意味著變量的類型可以隨時(shí)改變。當(dāng)你嘗試對字符串進(jìn)行數(shù)學(xué)運(yùn)算時(shí)，JavaScript 會(huì)嘗試將其轉(zhuǎn)換為數(shù)字。但是，如果字符串包含非數(shù)字字符，或者格式不正確，轉(zhuǎn)換可能會(huì)失敗，導(dǎo)致 NaN（Not a Number）的出現(xiàn)。NaN 本身也是一個(gè) number 類型，這挺讓人迷惑的。
如何避免字符串轉(zhuǎn)數(shù)字時(shí)出現(xiàn)NaN？
首先，在使用任何轉(zhuǎn)換方法之前，檢查字符串是否包含有效的數(shù)字字符。你可以使用正則表達(dá)式來進(jìn)行檢查。例如：
function isNumeric(str) { if (typeof str != "string") return false // 僅處理字符串 return !isNaN(str) && // 使用!isNaN()判斷 !isNaN(parseFloat(str)) } if (isNumeric(myString)) { // 安全地轉(zhuǎn)換為數(shù)字 let number = Number(myString); } else { // 處理錯(cuò)誤情況 console.log("字符串不是一個(gè)有效的數(shù)字"); }
其次，始終指定 parseInt() 的基數(shù)參數(shù)，避免意外的十六進(jìn)制轉(zhuǎn)換。
最后，了解不同轉(zhuǎn)換方法的行為，選擇最適合你的場景的方法。Number() 更加嚴(yán)格，而 parseInt() 和 parseFloat() 則更加靈活，但可能產(chǎn)生意想不到的結(jié)果。
性能上，哪種字符串轉(zhuǎn)數(shù)字的方式最快？
通常來說，一元加號(hào) (+) 和 Number() 構(gòu)造函數(shù)在性能上會(huì)稍微優(yōu)于 parseInt() 和 parseFloat()。這是因?yàn)?parseInt() 和 parseFloat() 需要進(jìn)行更復(fù)雜的解析過程。
但是，在實(shí)際應(yīng)用中，性能差異通常可以忽略不計(jì)，除非你需要進(jìn)行大量的轉(zhuǎn)換操作。更重要的是選擇最安全、最易讀的方法。
字符串包含非數(shù)字內(nèi)容時(shí)，如何安全轉(zhuǎn)換？
如果字符串可能包含非數(shù)字字符，并且你只想提取其中的數(shù)字部分，可以使用正則表達(dá)式來過濾非數(shù)字字符，然后再進(jìn)行轉(zhuǎn)換。例如：
let str = "Price: $42 USD"; let number = Number(str.replace(/[^0-9.]/g, '')); // 移除所有非數(shù)字字符 console.log(number); // 輸出 42
這段代碼首先使用 replace() 方法和正則表達(dá)式 /[^0-9.]/g 移除字符串中所有非數(shù)字字符（除了小數(shù)點(diǎn)），然后再使用 Number() 將結(jié)果轉(zhuǎn)換為數(shù)字。
當(dāng)然，這種方法需要謹(jǐn)慎使用，因?yàn)樗赡軙?huì)移除字符串中重要的信息。你需要根據(jù)實(shí)際情況進(jìn)行調(diào)整。
.png)
