JS數(shù)值Number類型的示例分析

小編給大家分享一下JS數(shù)值Number類型的示例分析，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

Number 問題

下面的問題你都能回答對了嗎？

• 0.1 + 0.2 == 0.3 成立嗎？

• .e-5 表示多少？

• 怎么表示8進制？

• 怎么轉(zhuǎn)換進制？

• 如何將字符串轉(zhuǎn)換成數(shù)值或整數(shù)？反過來呢？十六進制又怎么處理？

• parseInt(0x12, 16) 的返回值是多少？是0x12嗎？

• Number.MAX_VALUE 為最大數(shù)值，(new Number(12)).MAX_VALUE 是多少？

• JavaScript中怎么進行四舍五入？如果保留3位小數(shù)的精度？

• 如何獲取一個隨機數(shù)？如何取整？如何向上取整？
  

Number數(shù)字表示方法

Number類型表示數(shù)字，JavaScript 采用“IEEE 754 標準定義的雙精度64位格式”（"double-precision 64-bit format IEEE 754 values"）表示數(shù)字。

和其他編程語言（如 C 和 Java）不同，JavaScript 不區(qū)分整數(shù)值和浮點數(shù)值，所有數(shù)字在 JavaScript 中均用浮點數(shù)值表示，所以在進行數(shù)字運算的時候要特別注意進度缺失問題。

0.1 + 0.2 = 0.30000000000000004;
0.1 + 0.2 == 0.3; // false
// 浮點運算判斷相等
var ACCURACY = 1e-5; //定義精度精確到0.00001
var a = 0.1;
var b = 0.2;
var sum = 0.3;
// 判斷相差小于精度就認為相等
if (a + b - sum < ACCURACY) {
 console.log('a+b == sum');
}

在具體實現(xiàn)時，整數(shù)值通常被視為32位整型變量，在個別實現(xiàn)（如某些瀏覽器）中也以32位整型變量的形式進行存儲，直到它被用于執(zhí)行某些32位整型不支持的操作，這是為了便于進行位操作。

可以使用省略 0 表示小數(shù)，也可以用指數(shù)形式表示數(shù)字

.9; // 0.9
1E3 // 1000
2e6 // 2000000
0.1e2 // 10
1e-5 // 0.00001

Number數(shù)字不同進制

不同進制的表示方法

Number可以使用四種數(shù)字進制：十進制，二進制，八進制和十六進制。非十進制只使用與整數(shù)。

• 二進制表示法：以零為開頭，后面接一個小寫或大寫的拉丁文字母B(0b或者是0B)

• 八進制表示法：以0為開頭的。假如0后面的數(shù)字不在0到7的范圍內(nèi)，該數(shù)字將會被轉(zhuǎn)換成十進制數(shù)字。

• 在ECMAScript 5 嚴格模式下禁止使用八進制語法，會被視為十進制

• 在ECMAScript 6中使用八進制數(shù)字是需要給一個數(shù)字添加前綴"0o"

• 十六進制表示法：以零為開頭，后面接一個小寫或大寫的拉丁文字母X(0x或者是0X)

// 十進制
12345678
42
0777 // 在非嚴格格式下會被當做八進制處理 (用十進制表示就是511)
// 二進制
var a = 0b100000; // 32
var b = 0b0111111; // 63
var c = 0B0000111; // 7
// 八進制
var n = 0755; // 493
var m = 0644; // 420
var a = 0o10; // ES6 :八進制
// 十六進制
0xFFFFFFFFFFFFFFFFF // 295147905179352830000
0x123456789ABCDEF // 81985529216486900
0XA     // 10

不同進制的轉(zhuǎn)換

進制的轉(zhuǎn)換主要用到Number的toString()方法或parseInt()方法：

• toString() 方法接受一個值為 2~36 之間的整數(shù)參數(shù)指定進制，默認為十進制，將Number轉(zhuǎn)為String

• parseInt() 第二個參數(shù)接受一個值為 2~36 之間的整數(shù)參數(shù)指定進制，默認為十進制，將String轉(zhuǎn)為Number

// toString轉(zhuǎn)換，輸入為Number，返回為String
var n = 120;
n.toString(); // "120"
n.toString(2); // "1111000"
n.toString(8); // "170"
n.toString(16); // "78"
n.toString(20); // "60"
0x11.toString(); // "17"
0b111.toString(); // "7"
0x11.toString(12);// "15"
// parseInt轉(zhuǎn)換，輸入為String，返回為Number
parseInt('110'); // 110
parseInt('110', 2); // 6
parseInt('110', 8); // 72
parseInt('110', 16); // 272
parseInt('110', 26); // 702
// toString和parseInt結(jié)合使用可以在兩兩進制之間轉(zhuǎn)換
// 將 a 從36進制轉(zhuǎn)為12進制
var a = 'ra'; // 36進制表示的數(shù)
parseInt(a, 36).toString(12); // "960"

數(shù)字對象 Number

Number對象是內(nèi)置的數(shù)字對象，它封裝了一系列Number相關(guān)的常量和方法。

var na = Number(8); // 8
na = Number('9.5'); // 9.5
na = new Number('9.3'); // Number 對象，僅可以使用原型方法

Number對象的屬性：

Number對象方法

Number對象方法可以使用 Number. 的形式調(diào)用，也可以使用全局調(diào)用。

parseInt() 方法需要注意：

• parseInt() 參數(shù)可以有兩個參數(shù)：數(shù)字字符串和進制

• 如果第一個參數(shù)為非指定進制的數(shù)字字符串，則結(jié)果為0

• 如果第一個參數(shù)為非字符串，會首先調(diào)用該參數(shù)的toString()方法轉(zhuǎn)換為字符串

• 第一個參數(shù)中非指定進制可識別的字符會被忽略

• 如果給定的字符串不存在數(shù)值形式，函數(shù)會返回一個特殊的值 NaN

• 如果調(diào)用時沒有提供第二個參數(shù)，則使用字符串表示的數(shù)字的進制

parseInt('123'); // 123
parseInt('123', 10); // 123
parseInt('123', 8); // 83
parseInt('123', 16); // 291
parseInt("11", 2); // 3
parseInt('0x123', 10); // 0
parseInt('0x123', 16); // 291
parseInt('0x123'); // 291
// 如果第一個參數(shù)不是字符串，會先把第一個參數(shù)轉(zhuǎn)成字符串
parseInt('12', 16); // 18
parseInt(12, 16); // 18
// toString方法會將數(shù)字轉(zhuǎn)換為10進制的字符串
parseInt(0xf, 16); // 21
0xf.toString(); // '15'
parseInt('15', 16); // 21
parseInt('23.56'); // 23
parseInt("hello", 16); // NaN
parseInt("aello", 16); // 174

Number類型原型方法

Number類型原型上還有一些方法來對數(shù)字進度進行取舍，這些方法可以被 Number 實例對象調(diào)用：

這些原型方法可以被Number實例對象調(diào)用：

var numObj = 12345.6789;
numObj.toExponential(); // "1.23456789e+4"
numObj.toExponential(2); // "1.23e+4"
numObj.toExponential(4); // "1.2346e+4"
numObj.toPrecision();  // "12345.6789"
numObj.toPrecision(2); // "1.2e+4"
numObj.toPrecision(4); // "1.235e+4"
numObj.toFixed();   // 返回 "12346"：進行四舍五入，不包括小數(shù)部分
numObj.toFixed(1);  // 返回 "12345.7"：進行四舍五入
numObj.toFixed(6);  // 返回 "12345.678900"：用0填充
(1.23e+20).toFixed(2); // 返回 "123000000000000000000.00"
(1.23e-10).toFixed(2); // 返回 "0.00"
2.34.toFixed(1);   // 返回 "2.3"
-2.34.toFixed(1);   // 返回 -2.3 （由于操作符優(yōu)先級，負數(shù)不會返回字符串）
(-2.34).toFixed(1);  // 返回 "-2.3" （若用括號提高優(yōu)先級，則返回字符串）

數(shù)學對象（Math）

和Number相關(guān)的是，JavaScript對象中內(nèi)置的Math對象，提供了很多數(shù)學常數(shù)和函數(shù)的屬性和方法。

屬性列表：

Math中的三角函數(shù) sin 等參數(shù)為弧度，如果是角度可以使用 （Math.PI / 180）

看完了這篇文章，相信你對“JS數(shù)值Number類型的示例分析”有了一定的了解，如果想了解更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！