詳解讀JS數值Number型別(圖文教學)
本篇文章主要給大家詳細分析了JavaScript數值Number類型的相關知識點,對此有興趣的朋友跟著我一起學習下。
Number 問題
下面的問題你都能回答對了嗎?
0.1 0.2 == 0.3 成立嗎?
.e-5 表示多少?
怎麼表示8進位?
怎麼轉換進位?
如何將字串轉換成數值或整數?反過來呢?十六進位又怎麼處理?
parseInt(0x12, 16) 的回傳值是多少?是0x12嗎?
Number.MAX_VALUE 為最大數值,(new Number(12)).MAX_VALUE 是多少?
JavaScript中怎麼進行四捨五入?如果保留3位小數的精度?
如何取得一個隨機數字?如何取整?如何向上取整?
Number數字表示方法
Number類型表示數字,JavaScript 採用「IEEE 754 標準定義的雙精度64位元格式」("double-precision 64 -bit format IEEE 754 values")表示數字。
和其他程式語言(如C 和Java)不同,JavaScript 不區分整數值和浮點數值,所有數字在JavaScript 中均以浮點數數值表示,所以在進行數字運算的時候要特別注意進度缺失問題。
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'); }
在具體實現時,整數值通常被視為32位元整數變量,在個別實現(如某些瀏覽器)中也以32位整數變量的形式進行存儲,直到它被用於執行某些32位元整型不支援的操作,這是為了方便進行位元操作。
可以使用省略0 表示小數,也可以用指數形式表示數字
.9; // 0.9 1E3 // 1000 2e6 // 2000000 0.1e2 // 10 1e-5 // 0.00001
Number數字不同進位
不同進位的表示方法
Number可以使用四種數字進制:十進制,二進制,八進制和十六進制。非十進制只使用與整數。
二進位表示法:以零為開頭,後面接著一個小寫或大寫的拉丁文字母B(0b或是0B)
八進位表示法:以0為開頭的。假如0後面的數字不在0到7的範圍內,該數字將會被轉換成十進制數字。
在ECMAScript 5 嚴格模式下禁止使用八進位語法,會被視為十進位
在ECMAScript 6中使用八進位數字是需要給一個數字加上前綴"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
不同進位的轉換
進位的轉換主要用到Number的toString()方法或parseInt()方法:
-
toString() 方法接受一個值為2~36 之間的整數參數指定進制,預設為十進制,將Number轉為String
parseInt() 第二個參數接受一個值為2~36 之間的整數參數指定進制,預設為十進制,將String轉為Number
// toString转换,输入为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转换,输入为String,返回为Number parseInt('110'); // 110 parseInt('110', 2); // 6 parseInt('110', 8); // 72 parseInt('110', 16); // 272 parseInt('110', 26); // 702 // toString和parseInt结合使用可以在两两进制之间转换 // 将 a 从36进制转为12进制 var a = 'ra'; // 36进制表示的数 parseInt(a, 36).toString(12); // "960"
數字物件Number
#Number對象是內建的數位對象,它封裝了一系列Number相關的常數和方法。
var na = Number(8); // 8 na = Number('9.5'); // 9.5 na = new Number('9.3'); // Number 对象,仅可以使用原型方法
Number物件的屬性:
#Number.MAX_VALUE | 可表示的最大值 |
Number.MIN_VALUE | 可表示的最小值 |
Number.NaN | 特指」非數字“ |
Number.NEGATIVE_INFINITY | 特別指「負無窮」;溢出時回傳 |
Number.POSITIVE_INFINITY | #特別指「正無窮」;在溢出時回傳 |
Number.EPSILON | 表示1和比最接近1且大於1的最小Number之間的差別 |
Number.MIN_SAFE_INTEGER | #JavaScript最小安全整數 |
#JavaScript最大安全性整數 |
Number.parseFloat() | 把字符串参数解析成浮点数,左右等效于一元运算法+ |
Number.parseInt() | 把字符串解析成特定基数对应的整型数字 |
Number.isFinite() | 判断传递的值是否为有限数字 |
Number.isInteger() | 判断传递的值是否为整数 |
Number.isNaN() | 判断传递的值是否为 NaN |
Number.isSafeInteger() | 判断传递的值是否为安全整数 |
parseInt() 方法需要注意:
parseInt() 参数可以有两个参数:数字字符串和进制
如果第一个参数为非指定进制的数字字符串,则结果为0
如果第一个参数为非字符串,会首先调用该参数的toString()方法转换为字符串
第一个参数中非指定进制可识别的字符会被忽略
如果给定的字符串不存在数值形式,函数会返回一个特殊的值 NaN
如果调用时没有提供第二个参数,则使用字符串表示的数字的进制
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 // 如果第一个参数不是字符串,会先把第一个参数转成字符串 parseInt('12', 16); // 18 parseInt(12, 16); // 18 // toString方法会将数字转换为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类型原型上还有一些方法来对数字进度进行取舍,这些方法可以被 Number 实例对象调用:
toExponential() | 返回一个数字的指数形式的字符串 |
toFixed() | 返回指定小数位数的表示形式 |
toPrecision() | 返回一个指定精度的数字 |
这些原型方法可以被Number实例对象调用:
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":进行四舍五入,不包括小数部分 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 (由于操作符优先级,负数不会返回字符串) (-2.34).toFixed(1); // 返回 "-2.3" (若用括号提高优先级,则返回字符串)
数学对象(Math)
和Number相关的是,JavaScript对象中内置的Math对象,提供了很多数学常数和函数的属性和方法。
属性列表:
Math.E | 欧拉常数,也是自然对数的底数, 约等于 2.718 |
Math.LN2 | 2的自然对数, 约等于0.693 |
Math.LN10 | 10的自然对数, 约等于 2.303 |
Math.LOG2E | 以2为底E的对数, 约等于 1.443 |
Math.LOG10E | 以10为底E的对数, 约等于 0.434 |
Math.PI | 圆周率,一个圆的周长和直径之比,约等于 3.14159 |
Math.SQRT2 | 2的平方根,约等于 1.414 |
Math.SQRT1_2 | 1/2的平方根, 约等于 0.707 |
Math中的三角函數sin 等參數為弧度,如果是角度可以使用(Math.PI / 180)
Math.abs (x) | 傳回x的絕對值 |
Math.sign(x) | 傳回x的符號函數, 判定x是正數,負數還是0 |
Math.random() | 傳回0到1之間的偽隨機數 |
Math.floor (x) | 返回x向上取整後的值 |
Math.ceil(x) | 傳回x向上取整後的值 |
Math.round(x) | 返回四捨五入後的整數. |
Math.fround(x) | 傳回數字的最接近的單精確度浮點型表示 |
傳回x的整數部分,移除小數 | |
傳回x的平方根 | |
返回x的立方根 | |
傳回其參數平方和的平方根 | |
傳回x的y次方 | |
傳回以逗號間隔的數字參數清單中較小或較大的值(分別地) | |
標準三角函數;參數為弧度 | |
反三角函數; 傳回值為弧度 | |
#雙曲三角函數; 傳回值為弧度. | |
反雙曲三角函數;傳回值為弧度. | |
指數與對數函數 |
以上是詳解讀JS數值Number型別(圖文教學)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

如何使用WebSocket和JavaScript實現線上語音辨識系統引言:隨著科技的不斷發展,語音辨識技術已成為了人工智慧領域的重要組成部分。而基於WebSocket和JavaScript實現的線上語音辨識系統,具備了低延遲、即時性和跨平台的特點,成為了廣泛應用的解決方案。本文將介紹如何使用WebSocket和JavaScript來實現線上語音辨識系

WebSocket與JavaScript:實現即時監控系統的關鍵技術引言:隨著互聯網技術的快速發展,即時監控系統在各個領域中得到了廣泛的應用。而實現即時監控的關鍵技術之一就是WebSocket與JavaScript的結合使用。本文將介紹WebSocket與JavaScript在即時監控系統中的應用,並給出程式碼範例,詳細解釋其實作原理。一、WebSocket技

如何利用JavaScript和WebSocket實現即時線上點餐系統介紹:隨著網路的普及和技術的進步,越來越多的餐廳開始提供線上點餐服務。為了實現即時線上點餐系統,我們可以利用JavaScript和WebSocket技術。 WebSocket是一種基於TCP協定的全雙工通訊協議,可實現客戶端與伺服器的即時雙向通訊。在即時線上點餐系統中,當使用者選擇菜餚並下訂單

如何使用WebSocket和JavaScript實現線上預約系統在當今數位化的時代,越來越多的業務和服務都需要提供線上預約功能。而實現一個高效、即時的線上預約系統是至關重要的。本文將介紹如何使用WebSocket和JavaScript來實作一個線上預約系統,並提供具體的程式碼範例。一、什麼是WebSocketWebSocket是一種在單一TCP連線上進行全雙工

JavaScript和WebSocket:打造高效的即時天氣預報系統引言:如今,天氣預報的準確性對於日常生活以及決策制定具有重要意義。隨著技術的發展,我們可以透過即時獲取天氣數據來提供更準確可靠的天氣預報。在本文中,我們將學習如何使用JavaScript和WebSocket技術,來建立一個高效的即時天氣預報系統。本文將透過具體的程式碼範例來展示實現的過程。 We

JavaScript教學:如何取得HTTP狀態碼,需要具體程式碼範例前言:在Web開發中,經常會涉及到與伺服器進行資料互動的場景。在與伺服器進行通訊時,我們經常需要取得傳回的HTTP狀態碼來判斷操作是否成功,並根據不同的狀態碼來進行對應的處理。本篇文章將教你如何使用JavaScript來取得HTTP狀態碼,並提供一些實用的程式碼範例。使用XMLHttpRequest

隨著短影片平台的盛行,影片矩陣帳號行銷已成為一種新興行銷方式。透過在不同平台上建立和管理多個帳號,企業和個人能夠實現品牌推廣、粉絲成長和產品銷售等目標。本文將為您探討如何有效運用視訊矩陣帳號,並介紹不同類型的視訊矩陣帳號。一、視訊矩陣帳號怎麼做?要做好視訊矩陣帳號,需要遵循以下幾個步驟:首先要明確你的影片矩陣帳號的目標是什麼,是為了品牌傳播、粉絲成長還是產品銷售。明確目標有助於制定相應的策略。 2.選擇平台:根據你的目標受眾,選擇合適的短影片平台。目前主流的短視頻平台有抖音、快手、火山小影片等。

JavaScript中的HTTP狀態碼取得方法簡介:在進行前端開發中,我們常常需要處理與後端介面的交互,而HTTP狀態碼就是其中非常重要的一部分。了解並取得HTTP狀態碼有助於我們更好地處理介面傳回的資料。本文將介紹使用JavaScript取得HTTP狀態碼的方法,並提供具體程式碼範例。一、什麼是HTTP狀態碼HTTP狀態碼是指當瀏覽器向伺服器發起請求時,服務
