JavaScript 是一種前端編程語言，它的靈活性與易用性使得其在前端開發(fā)中一直廣受歡迎。其中，JavaScript 的數(shù)據(jù)類型包括了字符串、數(shù)字、數(shù)組、對象等等，而經(jīng)常會遇到將其中一個(gè)數(shù)據(jù)類型轉(zhuǎn)換成數(shù)值型的情況。下文將詳細(xì)介紹 JavaScript 中數(shù)據(jù)類型的轉(zhuǎn)換及其用法。
JavaScript 中數(shù)據(jù)類型轉(zhuǎn)換的三種方法
在 JavaScript 中，將非數(shù)值類型（例如字符串和布爾類型）轉(zhuǎn)換為數(shù)值類型的方法主要有以下 3 種：
1. Number()：將任何類型的值轉(zhuǎn)換為數(shù)值類型。
2. parseInt()：將字符串轉(zhuǎn)換為整數(shù)。
3. parseFloat()：將字符串轉(zhuǎn)換為浮點(diǎn)數(shù)。
下面分別介紹這 3 種方法的用法及其注意點(diǎn)。
使用 Number() 將其他數(shù)據(jù)類型轉(zhuǎn)換為數(shù)值類型
Number() 函數(shù)可以將數(shù)字、字符串或者布爾類型轉(zhuǎn)換為數(shù)值類型，在轉(zhuǎn)換過程中，它會嘗試將字符串中的字符轉(zhuǎn)成數(shù)字，直到遇到第一個(gè)無法轉(zhuǎn)換成數(shù)字的字符為止。例如：

let num1 = Number("123");  // 123
let num2 = Number("123px");  // NaN
let num3 = Number(true);  // 1
let num4 = Number(false);  // 0

需要注意的是，NaN （Not a Number） 是一個(gè)特殊的數(shù)值，表示的是無法轉(zhuǎn)換成數(shù)值的值。如果將一個(gè)非數(shù)字類型 （如字符串） 轉(zhuǎn)換成了 NaN，那么再將 NaN 轉(zhuǎn)換成數(shù)值，結(jié)果一定是 NaN。
使用 parseInt() 將字符串轉(zhuǎn)換為整數(shù)
parseInt() 函數(shù)可以將字符串轉(zhuǎn)換為整數(shù)類型。例如：

let str1 = "123";
let str2 = "123px";
let str3 = "px123";
let num1 = parseInt(str1);  // 123
let num2 = parseInt(str2);  // 123
let num3 = parseInt(str3);  // NaN

在將字符串轉(zhuǎn)換成整數(shù)時(shí)，parseInt() 會忽略字符串前導(dǎo)的空格，但不會忽略結(jié)尾部分鋒利的空格。如果字符串不以數(shù)字開頭，則 parseInt() 返回 NaN。
此外，該函數(shù)還可以接受第二個(gè)參數(shù)，表示傳入的字符串按照哪種進(jìn)制來解析。例如：

let str1 = "0x10";
let str2 = "010";
let num1 = parseInt(str1, 16);  // 16
let num2 = parseInt(str2, 8);  // 8

使用 parseFloat() 將字符串轉(zhuǎn)換為浮點(diǎn)數(shù)
parseFloat() 函數(shù)可以將字符串轉(zhuǎn)換為浮點(diǎn)數(shù)。例如：

let str1 = "123.45";
let str2 = "123.45px";
let num1 = parseFloat(str1);  // 123.45
let num2 = parseFloat(str2);  // 123.45

需要注意的是， parseFloat() 對于數(shù)字部分，會忽略字符串前導(dǎo)的空格，但對于小數(shù)點(diǎn)后面的部分，則不會忽略。此外，在字符串開頭無法轉(zhuǎn)換為數(shù)字的情況下， parseFloat() 返回 NaN。
總結(jié)
在 JavaScript 中，經(jīng)常需要進(jìn)行數(shù)據(jù)類型的轉(zhuǎn)換操作。針對不同類型，可以使用不同的轉(zhuǎn)換方法。使用三種轉(zhuǎn)換方法時(shí)，需要注意一些細(xì)節(jié)，比如：NaN 的特殊性，parseInt() 的第二個(gè)參數(shù)表示傳入字符串的進(jìn)制， parseFloat() 對于空格的處理方式等等。在實(shí)際開發(fā)中，需要根據(jù)情況選擇合適的轉(zhuǎn)換方法，而不是僅僅依賴其中的一種方法。