《javascript高級程序設(shè)計》筆記：Number數(shù)值轉(zhuǎn)換

kid143 發(fā)布于2019-08-20 18:36 / 1752人閱讀

摘要：數(shù)值轉(zhuǎn)換對個人而言是非常重要的，這也是本人多帶帶拉出來總結(jié)的一個原因。在此也僅針對顯示轉(zhuǎn)換做點文章，隱式轉(zhuǎn)換同樣會多帶帶拉出來總結(jié)有個函數(shù)可以把非數(shù)值轉(zhuǎn)換為數(shù)值和。如果是值，和將分別被轉(zhuǎn)換為和。如果是數(shù)字值，只是簡單的傳入和返回。

數(shù)值轉(zhuǎn)換對個人而言是非常重要的，這也是本人多帶帶拉出來總結(jié)的一個原因。在此也僅針對顯示轉(zhuǎn)換做點文章，隱式轉(zhuǎn)換同樣會多帶帶拉出來總結(jié)

有 3 個函數(shù)可以把非數(shù)值轉(zhuǎn)換為數(shù)值:Number()、parseInt()和 parseFloat()。第一個函數(shù)，即轉(zhuǎn)型函數(shù) Number()可以用于任何數(shù)據(jù)類型，而另兩個函數(shù)則專門用于把字符串轉(zhuǎn)換成數(shù)值

數(shù)值轉(zhuǎn)換—Number()

Number()函數(shù)的轉(zhuǎn)換規(guī)則如下。

如果是 Boolean 值，true 和 false 將分別被轉(zhuǎn)換為 1 和 0。

如果是數(shù)字值，只是簡單的傳入和返回。

如果是 null 值，返回 0。

如果是 undefined，返回 NaN。

如果是字符串，遵循下列規(guī)則:

如果字符串中只包含數(shù)字(包括前面帶正號或負號的情況)，則將其轉(zhuǎn)換為十進制數(shù)值，即"1" 會變成 1，"123"會變成 123，而"011"會變成 11(注意:前導的零被忽略了);

如果字符串中包含有效的浮點格式，如"1.1"，則將其轉(zhuǎn)換為對應的浮點數(shù)值(忽略前導零);

如果字符串中包含有效的十六進制格式，例如"0xf"，則將其轉(zhuǎn)換為相同大小的十進制整數(shù)值;

如果字符串是空的(不包含任何字符)，則將其轉(zhuǎn)換為 0;

如果字符串中包含除上述格式之外的字符，則將其轉(zhuǎn)換為 NaN。

如果是對象，則調(diào)用對象的 valueOf()方法，然后依照前面的規(guī)則轉(zhuǎn)換返回的值。如果轉(zhuǎn)換的結(jié)果是 NaN，則調(diào)用對象的 toString()方法，然后再次依照前面的規(guī)則轉(zhuǎn)換返回的字符串值。

// Boolean
Number(true); // 1
Number(false); // 0

// 數(shù)字
Number(12); // 12
Number(012); // 10
Number(0xa1); // 161

// null
Number(null); // 0

// undefined
Number(undefined); // NaN

// string
Number("000011"); // 11
Number("01.1"); // 1.1
Number("0xf"); // 15
Number(""); // 0
Number("Hello world!"); // NaN

// object
Number({a:0}); // NaN toString()后只為"[object Object]"
Number([1,2]); // NaN toString()后值為“1,2”
Number([1]); // 1 toString()后值為“1”

數(shù)值轉(zhuǎn)換—parseInt()

由于 Number()函數(shù)在轉(zhuǎn)換字符串時比較復雜而且不夠合理，因此在處理整數(shù)的時候更常用的是 parseInt()函數(shù)。parseInt()函數(shù)在轉(zhuǎn)換字符串時，更多的是看其是否符合數(shù)值模式

轉(zhuǎn)換規(guī)則：

從第一位**非空字符**開始判斷（忽略字符串前面的空格）
    如果找到的第一位不是數(shù)字字符或者負號，parseInt() 就會返回 NaN 
        => 用 parseInt()轉(zhuǎn)換空字符串會返回 NaN(Number()對空字符返回 0)
    如果第一個字符是數(shù)字字符，parseInt()會繼續(xù)解析第二個字符，直到解析完所有后續(xù)字符或者遇到了一個非數(shù)字字符
parseInt()能夠識別出八進制和十六進制

parseInt("1234blue"); // 1234
parseInt(""); // NaN
parseInt("0xA"); // 10(十六進制數(shù))
parseInt(22.5); // 22
parseInt("070"); // 56(八進制數(shù))
parseInt("70"); // 70(十進制數(shù))
parseInt("0xf"); // 15(十六進制數(shù))

你在試驗進制問題的時候可能會有疑問，懷疑是不是我弄錯了。因為在使用 parseInt()解析像八進制字面量的字符串時，ECMAScript 3 和 5 存在分歧

//ECMAScript 3 認為是 56(八進制)，ECMAScript 5 認為是 70(十進制)
var num = parseInt("070");

因此，書中建議在進行數(shù)值轉(zhuǎn)換時，指明轉(zhuǎn)換的基數(shù)
指明基數(shù)后，不需要在數(shù)值前添加‘0’或‘0x’

var num1 = parseInt("10", 2); //2 (按二進制解析)
var num2 = parseInt("10", 8); //8 (按八進制解析)
var num3 = parseInt("10", 10); //10(按十進制解析)
var num4 = parseInt("10", 16); //16(按十六進制解析)

數(shù)值轉(zhuǎn)換—parseFloat()

轉(zhuǎn)換規(guī)則：

從第一位**非空字符**開始判斷（忽略字符串前面的空格）
    如果找到的第一位不是數(shù)字字符、負號或者小數(shù)點，parseFloat() 就會返回 NaN
        => 用 parseFloat()轉(zhuǎn)換空字符串會返回 NaN(Number()對空字符返回 0)
    如果第一個字符是三者之一，則繼續(xù)解析第二個字符，直到解析完所有后續(xù)字符或者遇到了一個非數(shù)字字符
        => 字符串中的第 一個小數(shù)點是有效的，而第二個小數(shù)點就是無效的了，因此它后面的字符串將被忽略

注意：如果字符串包含的是一個可解析為整數(shù)的數(shù)(沒有小數(shù)點，或者小數(shù)點后都是零)，parseFloat()會返回整數(shù)

parseFloat("1234blue"); // 1234 (整數(shù))
parseFloat("0xA"); // 0
parseFloat("22.5"); // 22.5
parseFloat("22.34.5"); // 22.34
parseFloat("0908.5"); // 908.5
parseFloat("3.125e7"); // 31250000