Number類型與String類型之間的轉換
深入了解 Number 類型
Number 類型作為 JS 的基本數據類型之一,被應用在程序中的各種場景,其重要性就如數字對於我們日常生活。
下面就讓我們來一起深入了解下,為以後的“策馬奔騰”做好鋪墊。
定義方式
一般來說我們可以直接使用數值字面量格式來定義一個數字,如下:
var num1 = 15;
var num2 = 7;
console.log(typeof num1); // number
console.log(typeof num2); // number
數值類型
定義的數值可分為兩種類型,分別為整數和浮點數。
整數
整數,可以通過十進制,八進制,十六進制的字面值來表示。(默認為十進值)
// 十進制
var intNum1 = 55; // 正數
var intNum2 = 0; // 0
var intNum3 = -3; // 負數
// 八進制
// 第一位必須是0,其余位的取值範圍為0-7
// 無效的八進制會直接忽略前面的0,解析為十進制
var octalNum1 = 070; // 八進制的56(7*8 + 0)
var octalNum2 = 079; // 無效的八進制數,9超過了8進制數的範圍,解析為79
var octalNum3 = 08; // 無效的八進制數,直接解析偽8
// 十六進制
// 前兩位必須是0x,其余位的取值範圍為 0~9 或 A~F
var hexNum1 = 0xA; // 十六進制的10
var hexNum2 = 0x1f; // 十六進制的31(1*16 + 15)
在進行算數計算時,所有以八進制和十六進制表示的數值最終都將被轉換成十進制的數值。
// 對前面定義的八進制和十六進制數值進行運算
console.log(octalNum1 + hexNum1); // 66
浮點數
浮點數其實就是我們通常所說的小數,所以一定有個小數點。簡單示例如下:
var floatNum1 = 5.2;
var floatNum2 = 3.14;
浮點數所占據的內存空間是整數的兩倍。如果小數點後只有零或沒有數字,為了節省內存空間,則該小數會被轉化為整數,如下:
var floatNum3 = 5.0; // 5
var floatNum4 = 2.; // 2
進行算術運算時,浮點數不如整數精準,所以一般不要使用浮點數進行計算,如下:
var floatNum4 = 0.1;
var floatNum5 = 0.2;
// 0.1 + 0.2 不等於 0.3
console.log(floatNum4 + floatNum5); // 0.30000000000000004
對極大極小的浮點數一般會采用e表示法,如下:
var floatNum6 = 3.2e7;// 3.2×10(7次冪)
var floatNum7 = 3.2e-7;// 3.2×10(-7次冪)
NaN
NaN 是 not a number 的簡寫,即非數字。它是一個特殊的值,這個數值用於表示一個本來要返回數值的操作數,結果未返回數值的情況。
NaN 有兩個不同尋常的特點:
- 任何涉及 NaN 的操作都會返回 NaN
- NaN 值與任何值都不相等,包括本身。
console.log(NaN / 10); // NaN
console.log(NaN == NaN); // false
針對這兩個特點,JS 提供了一個 isNaN()
函數。該函數接受一個參數(可以是任何類型),而函數會幫我們確定這個參數是否“不是數值”。
註:傳遞的參數會涉及數值轉換的問題,例如“10”這個字符串就可以轉換為 10,但是“blue”這個字符串則無法轉換為數字,所以 isNaN(‘blue‘) == true
console.log(isNaN(NaN)); // true
console.log(isNaN(10)); // false
console.log(isNaN("10")); // false,可以被轉成數值 10
console.log(isNaN("blue")); // true
console.log(isNaN(true)); // false,可以被轉成數值 1
數值轉換
有三個函數可以把非數值轉換為數值:Number()
,parseInt()
,parseFloat()
。第一個可以用於任何數據類型,後兩個則專門用於把字符串轉化為數值。
簡單示例如下:
// Number()
// 轉換規則比較復雜,可詳細參考下面的資料
var numN1 = Number("Hello world!"); // NaN
var numN2 = Number(" "); // 0 空字符串轉為0
var numN3 = Number("000011"); // 11
var numN4 = Number(true); // 1
// parseInt
// 忽略小數點
// 字符串會被轉成數值
var numI1 = parseInt(22.5); // 22
var numI2 = parseInt ("1234blue") ; // 1234
var numI3 = parseInt (" ") ; // NaN
var numI4 = parseInt("70"); //70(十進制數)
var numI5 = parseInt ("070") ; // 56(八進制數)
var numI6 = parseInt ("0xA") ; // 10(十六進制數)
// parseFloat
// 字符串會被轉成數值
// 如果有多個小數點,則只取第一個,其余全部舍棄
var numF1 = parseFloat ("1234blue") ; // 1234(整數)
var numF2 = parseFloat("0xA"); // 0
var numF3 = parseFloat("22.5"); // 22.5
var numF4 = parseFloat("22.34.5"); // 22.34
var numF5 = parseFloat("0908.5"); // 908.5
var numF6 = parseFloat("3.125e7"); // 31250000
詳細介紹可參考:
- JavaScript數值轉換(非數值轉換為數值)
- parseInt
- parseFloat
數值範圍
由於內存的限制,JS 並不能保存所有的數值。那麽其能表示的最大最小值到底是多少呢?我們可以使用 Number 對象的MIN_VALUE
和 MAX_VALUE
屬性表示(很少很少用到,大概知道就可以,真要用的時候可以再查閱):
Number.MIN_VALUE
為能表示的最小正數即最接近 0 的正數 (實際上不會變成 0),它的近似值為 5 x 10-324。Number.MAX_VALUE
為能表示的最大正數,它的近似值為 1.7976931348623157 x 10308
如果一個數值超過了最大能表示數值,則自動變成 Infinity 值(無窮數),我們可以使用 Number 對象的 isFinite()
來判斷一個數是否是有限數,如果非有限數則為無窮數。
console.log(Number.isFinite(56)); // true
console.log(Number.isFinite(Number.MAX_VALUE + Number.MAX_VALUE)); // false
更多 Number 對象的屬性和方法可參考:Number 對象 | MDN
數學函數
回憶想想,我們上學的時候是不是學過很多處理數字的數學公式啊,那在 JS 中該怎麽辦?
不用慌,JS 中內置了一個 Math 對象,它具有數學常數和函數的屬性和方法。
我們先來幾個簡單的例子:
// 函數返回一個數字四舍五入後最接近的整數值。
Math.round(3.4); // 3
// 函數返回一個隨機浮點數, 範圍在[0,1)
Math.random(); // 隨機浮點數,每次都不一樣
// 函數返回一個數的平方根
Math.sqrt(9); // 3
// 函數返回給定的一組數字中的最大值
Math.max(10, 20, 13, 18); // 20
//sin 方法返回一個 -1 到 1 之間的數值,表示給定角度(單位:弧度)的正弦值。
// Math.PI 表示圓周率,一個圓的周長和直徑之比,約等於 3.14159.
Math.sin(Math.PI / 2); // 1
更多 Math 對象可參考:Math 對象 | MDN
Number類型與String類型之間的轉換