【重溫基礎】6.數字

terro 發布于2019-08-23 14:10 / 591人閱讀

摘要：本文是重溫基礎系列文章的第六篇。以指定的精度返回該數值對象的字符串表示，可接收一個參數，用來指定有效數個數的整數。

本文是 重溫基礎 系列文章的第六篇。
今日感受：自己需要多總結，會有不同收獲（比如今晚我做的轉正總結）。

系列目錄：

【復習資料】ES6/ES7/ES8/ES9資料整理(個人整理)

【重溫基礎】1.語法和數據類型

【重溫基礎】2.流程控制和錯誤處理

【重溫基礎】3.循環和迭代

【重溫基礎】4.函數

【重溫基礎】5.表達式和運算符

本章節復習的是JS中的數字類型，涉及的API比較多。

前置基礎：
在JavaScript中，數字為雙精度浮點類型（即一個數字范圍只能在-(2⁵³-1)和(2⁵³-1)之間），整數類型也一樣。
另外數字類型也可以是以下三種符號值：

+Infinity ：正無窮；

-Infinity ：負無窮；

NaN ：非數字(not a number)；

1.數字對象

JS中內置了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最小安全整數.
Number.MAX_SAFE_INTEGER	JavaScript最大安全整數.

注意：以上所有屬性都是不可寫，不可枚舉，也不可配置。

Number.MAX_VALUE

Number.MAX_VALUE是 Number 對象的一個靜態屬性，值接近于 1.79E+308。大于 Number.MAX_VALUE 的值代表 "Infinity"。

let a = 100;
if(a < Number.MAX_VALUE){
    console.log("success");
}
// success

Number.MIN_VALUE

Number.MIN_VALUE是 Number 對象的一個靜態屬性，值接近于 5e-324，是 JavaScript 里最接近 0 的正值，而不是最小的負值。

let a = 100;
if(a > Number.MIN_VALUE){
    console.log("success");
}
// success

Number.NaN

Number.NaN 表示“非數字”，和 NaN 一樣。

Number.POSITIVE_INFINITY

Number.POSITIVE_INFINITY 屬性表示正無窮大，值同全局對象 Infinity 屬性的值相同。

let a = Number.MAX_VALUE * 2;
if(a == Number.POSITIVE_INFINITY){
    console.log("success");
}
// success

Number.NEGATIVE_INFINITY

Number.NEGATIVE_INFINITY 屬性表示負無窮大，值和全局對象的 Infinity 屬性的負值相同。

let a = - Number.MAX_VALUE * 2;
if(a == Number.NEGATIVE_INFINITY){
    console.log("success");
}
// success

Number.EPSILON

Number.EPSILON屬性表示 1 與Number可表示的大于 1 的最小的浮點數之間的差值，值接近于 2^-52 。

let a = 0.1, b = 0.2, c = 0.3;
let d = (Math.abs(a + b - c) < Number.EPSILON);
d; // true

Number.MIN_SAFE_INTEGER

JS中最小的安全的integer型數字 (-(2⁵³ - 1))。

Number.MAX_SAFE_INTEGER

JS中最大的安全的integer型數字 (2⁵³ - 1)。

2.數字方法

常見的方法有：

方法	描述
Number.parseFloat()	把字符串參數解析成浮點數，和全局方法 parseFloat() 作用一致.
Number.parseInt()	把字符串解析成特定基數對應的整型數字，和全局方法 parseInt() 作用一致.
Number.isFinite()	判斷傳遞的值是否為有限數字。
Number.isInteger()	判斷傳遞的值是否為整數。
Number.isNaN()	判斷傳遞的值是否為 NaN.
Number.isSafeInteger()	判斷傳遞的值是否為安全整數。

使用方法：

Number.parseFloat()

let a1 = 3.1415, a2 = "3.1114";
Number.parseFloat(a1);  // 3.1415;
Number.parseFloat(a2);  // 3.1111;
parseFloat(a1);         // 3.1415;
parseFloat(a2);         // 3.1111;
Number.parseFloat  == parseFloat;// true

Number.parseInt()

let a1 = "0110";
Number.parseInt(a1, 2);     // 6
Number.parseInt(a1, 10);    // 110
Number.parseInt = parseInt; // true

Number.isFinite()

Number.isFinite(Infinity);  // false
Number.isFinite(NaN);       // false
Number.isFinite(-Infinity); // false
Number.isFinite(0);         // true
Number.isFinite(2e64);      // true
Number.isFinite("0");       // false, 全局函數 isFinite("0") 會返回 true

Number.isInteger()

Number.isInteger(0);         // true
Number.isInteger(1);         // true
Number.isInteger(-100000);   // true
Number.isInteger(0.1);       // false
Number.isInteger(Math.PI);   // false
Number.isInteger(Infinity);  // false
Number.isInteger(-Infinity); // false
Number.isInteger("10");      // false
Number.isInteger(true);      // false
Number.isInteger(false);     // false
Number.isInteger([1]);       // false

Number.isNaN()

Number.isNaN(NaN);           // true
Number.isNaN(Number.NaN);    // true
Number.isNaN(0 / 0)          // true
// 下面這幾個如果使用全局的 isNaN() 時，會返回 true。
Number.isNaN("NaN");         // false，字符串 "NaN" 不會被隱式轉換成數字 NaN。
Number.isNaN(undefined);     // false
Number.isNaN({});            // false
Number.isNaN("blabla");      // false
// 下面的都返回 false
Number.isNaN(true);
Number.isNaN(null);
Number.isNaN(37);
Number.isNaN("37");
Number.isNaN("37.37");
Number.isNaN("");
Number.isNaN(" ");

Number.isSafeInteger()

Number.isSafeInteger(3);                    // true
Number.isSafeInteger(Math.pow(2, 53))       // false
Number.isSafeInteger(Math.pow(2, 53) - 1)   // true
Number.isSafeInteger(NaN);                  // false
Number.isSafeInteger(Infinity);             // false
Number.isSafeInteger("3");                  // false
Number.isSafeInteger(3.1);                  // false
Number.isSafeInteger(3.0);                  // true

數字類型原型上的方法:

方法	描述	案例
toExponential()	返回一個數字的指數形式的字符串	1.23e+2
toFixed()	返回指定小數位數的表示形式	var a=123,b=a.toFixed(2)//b="123.00"
toPrecision()	返回一個指定精度的數字。	a=123中，3會由于精度限制消失var a=123,b=a.toPrecision(2)//b="1.2e+2"

toExponential()

以指數表示法返回該數值字符串表示形式，可接收一個參數指定小數點后幾位數字。

let a = 99.6633;
let a1 = "字符串：" + a.toExponential(); // "字符串：9.96633e+1"
let a2 = "字符串：" + a.toExponential(2);// "字符串：9.97e+1"

toFixed()

使用定點表示法來格式化一個數，可接收一個參數指定保留小數點后幾位，取值為0-20之間。
注意：返回的數據類型是字符串類型。

let a = 1.2345;
a.toFixed();   // "1"
a.toFixed(2);  // "1.23"

toPrecision()

以指定的精度返回該數值對象的字符串表示，可接收一個參數，用來指定有效數個數的整數。

let a = 1.2345;
let a1 = "字符串：" + a.toPrecision(); // "字符串：1.2345"
let a2 = "字符串：" + a.toPrecision(1);// "字符串：1"
let a2 = "字符串：" + a.toPrecision(2);// "字符串：1.2"

3.數學對象

JS內置的數學對象Math，有很多屬性和方法，這里需要注意的是Math對象中的三角函數參數都是弧度制的。

方法	描述
abs()	絕對值
sin(), cos(), tan()	標準三角函數;參數為弧度
asin(), acos(), atan(), atan2()	反三角函數; 返回值為弧度
sinh(), cosh(), tanh()	雙曲三角函數; 返回值為弧度.
asinh(), acosh(), atanh()	反雙曲三角函數;返回值為弧度.
pow(), exp(), expm1(), log10(), log1p(), log2()	指數與對數函數
floor(), ceil()	返回最大/最小整數小于/大于或等于參數
min(), max()	返回一個以逗號間隔的數字參數列表中的較小或較大值(分別地)
random()	返回0和1之間的隨機數。
round(),fround(), trunc()	四舍五入和截斷函數
sqrt(), cbrt(), hypot()	平方根，立方根，平方參數的和的平方根
sign()	數字的符號, 說明數字是否為正、負、零。
clz32(),imul()	在32位2進制表示中，開頭的0的數量.返回傳入的兩個參數相乘結果的類C的32位表現形式

完整的描述和使用方法，建議查看 MDN Math

參考資料

1.MDN 數字和日期

本部分內容到這結束

Author	王平安
E-mail	pingan8787@qq.com
博客	www.pingan8787.com
微信	pingan8787
每日文章推薦	https://github.com/pingan8787...
JS小冊	js.pingan8787.com

歡迎關注微信公眾號【前端自習課】每天早晨，與您一起學習一篇優秀的前端技術博文 .

云服務器 GPU云服務器 asp生成6位數字 js 驗證6位純數字 6.7 6.6

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/100196.html

【重溫基礎】9.正則表達式

摘要：前置知識中的正則表達式是用來匹配字符串中指定字符組合的模式。另外需要記住正則表達式也是對象。在正則表達式創建時更新，不執行。替換與正則表達式匹配的子串。查找以十六進制數規定的字符。正則表達式拓展介紹在中有兩種情況。本文是重溫基礎系列文章的第九篇。今日感受：時間管理-角色管理法。系列目錄：【復習資料】ES6/ES7/ES8/ES9資料整理(個人整理) 【重溫基礎】1.語...

ispring 2019-08-23 14:15 評論0 收藏0
【重溫基礎】7.時間對象

摘要：本文是重溫基礎系列文章的第七篇。系列目錄復習資料資料整理個人整理重溫基礎語法和數據類型重溫基礎流程控制和錯誤處理重溫基礎循環和迭代重溫基礎函數重溫基礎表達式和運算符重溫基礎數字本章節復習的是中的時間對象，一些處理的方法。本文是重溫基礎系列文章的第七篇。今日感受：做好自律。系列目錄：【復習資料】ES6/ES7/ES8/ES9資料整理(個人整理) 【重溫基礎】1.語法和數據類型...

YuboonaZhang 2019-08-23 14:12 評論0 收藏0
【重溫基礎】8.字符串

摘要：字符串拓展在我們判斷字符串是否包含另一個字符串時，之前，我們只有方法，之后我們又多了三種方法返回布爾值，表示是否找到參數字符串。返回布爾值，表示參數字符串是否在原字符串的頭部。本文是重溫基礎系列文章的第八篇。今日感受：人在異鄉，也不能忘記湯圓。系列目錄：【復習資料】ES6/ES7/ES8/ES9資料整理(個人整理) 【重溫基礎】1.語法和數據類型【重溫基礎】2.流程控制和...

Batkid 2019-08-23 14:14 評論0 收藏0
【重溫基礎】15.JS對象介紹

摘要：構造函數通常首字母大寫，用于區分普通函數。這種關系常被稱為原型鏈，它解釋了為何一個對象會擁有定義在其他對象中的屬性和方法。中所有的對象，都有一個屬性，指向實例對象的構造函數原型由于是個非標準屬性，因此只有和兩個瀏覽器支持，標準方法是。從這篇文章開始，復習 MDN 中級教程的內容了，在初級教程中，我和大家分享了一些比較簡單基礎的知識點，并放在我的【Cute-JavaScript】系...

booster 2019-08-23 14:43 評論0 收藏0
【重溫基礎】4.函數

摘要：本文是重溫基礎系列文章的第四篇。系列目錄復習資料資料整理個人整理重溫基礎語法和數據類型重溫基礎流程控制和錯誤處理重溫基礎循環和迭代本章節復習的是中的基礎組件之一，函數，用來復用特定執行邏輯。箭頭函數不能使用命令，即不能用作函數。本文是重溫基礎系列文章的第四篇。今日感受：常懷感恩之心，對人對己。系列目錄：【復習資料】ES6/ES7/ES8/ES9資料整理(個人整理) 【重溫基...

maxmin 2019-08-23 14:03 評論0 收藏0