1. Math 對象

1.1 介紹
 
Math 對象，是數學對象，提供對數據的數學計算，如：獲取值、向上取整等。無構造函數，無法被初始化，只提供靜態屬性和方法。
 
1.2 構造函數
 
無 ：Math 對象無構造函數，無法被初始化，只提供靜態屬性和方法。
 
1.3 靜態屬性
 
1.3.1 Math.E ：常量e。返回自然對數的底數：2.718281828459045
 
1.3.2 Math.PI ：常量π。返回圓周率的值 ：3.141592653589793
 
1.4 靜態方法
 
1.4.1 Math.sin(value) ：正弦函數
1.4.2 Math.cos(value) ：余弦函數
1.4.3 Math.tan(value) ：正切函數
1.4.4 Math.asin(value) ：反正弦函數
1.4.5 Math.acos(value) ：反余弦函數
1.4.6 Math.atan(value) ：反正切函數
 
  
 
1.4.7 Math.abs(value) ：返回值
參數：
 
①value {Number | NumberStr} ：數字或者純數字的字符串。
 
返回值：
 
{Number} 返回參數的值數字。若參數不為數字，返回NaN。
 
示例：
 
 h.abs('123'); // => 123 ：純數字字符串
Math.abs('-123'); // => 123
Math.abs(123); // => 123
Math.abs(-123); // => 123
Math.abs('123a'); // => NaN ：非純數字字符串

 
1.4.8  Math.ceil(value) ： 對一個數向上取整，并不是四舍五入
參數：
 
①value {Number | NumberStr} ：數字或者純數字的字符串。
 
返回值：
 
{Number} 返回取整后的值。若參數不為數字，返回NaN。
 
示例：
 
 
Math.ceil(2.7); // => 3
Math.ceil(2.3); // => 3 ：2.3 向上取整返回 3
Math.ceil(-2.7); // => -2
Math.ceil(-2.3); // => -2
Math.ceil('2.7'); // => 3 ：純數字字符串
Math.ceil('2.7a'); // => NaN ：非純數字字符串
 
 
1.4.9 Math.floor(value) ：對一個數向下取整，并不是四舍五入
參數：
 
①value {Number | NumberStr} ：數字或者純數字的字符串。
 
返回值：
 
{Number} 返回取整后的值。若參數不為數字，返回NaN。
 
示例：
 
Math.floor(2.7); // => 2
Math.floor(2.3); // => 2
Math.floor(-2.7); // => -3 ：-2.7 向下取整返回 -3
Math.floor(-2.3); // => -3
Math.floor('2.7'); // => 2 ：純數字字符串
Math.floor('2.7a'); // => NaN ：非純數字字符串
 
 
1.4.10 Math.max(value1,value2...valueN) ：返回參數中大的值
參數：
 
①value1,value2.....valueN {Number | NumberStr} ：數字或者純數字的字符串。
 
返回值：
 
{Number} 返回大值。若一個參數不為數字，返回NaN。
 
示例：
 
 
Math.max(1, 2, 3, 4, 5); // => 5
Math.max(1, 2, 3, 4, '5' ); // => 5
Math.max(1, 2, 3, 4, 'a'); // => NaN

 
1.4.11 Math.min(value1,value2...valueN) ：返回參數中小的值
參數：
 
①value1,value2.....valueN {Number | NumberStr} ：數字或者純數字的字符串。
 
返回值：
 
{Number} 返回大值。若一個參數不為數字，返回NaN。
 
示例：
 
 
Math.min(1, 2, 3, 4, 5); // => 1
Math.min('1', 2, 3, 4, 5); // => 1
Math.min(1, 2, 3, 4, 'a'); // => NaN
 
 
1.4.12 Math.pow(x,y) ：返回x的y次方
參數：
 
①x {Number | NumberStr} ：數字或者純數字的字符串。
 
②y {Number | NumberStr} ：數字或者純數字的字符串。
 
返回值：
 
{Number} 返回x的y次方。若一個參數不為數字，返回NaN。
 
示例：
 
Math.pow(2, 3); // => 8 ：2的3次方
Math.pow(3, 2); // => 9 ：3的2次方
Math.pow('4', 2); // => 16 ：4的2次方
Math.pow('2a', 2); // => NaN
 
 
1.4.13 Math.random() ：返回一個偽隨機數,大于0，小于1.0
參數：無
 
返回值：
 
{Number} 返回一個偽隨機數,大于0，小于1.0
 
示例：
 
Math.random(); // => 0.8982374747283757
Math.random(); // => 0.39617531932890415
Math.random(); // => 0.35413061641156673
Math.random(); // => 0.054441051790490746
 
 
1.4.14 Math.round(value) ： 四舍五入后取整
參數：
 
①value {Number | NumberStr} ：數字或者純數字的字符串。
 
返回值：
 
{Integer} 返回參數四舍五入后的整數。若參數不為數字，返回NaN。
 
示例：
 
 
Math.round(2.5); // => 3
Math.round(2.4); // => 2
Math.round(-2.6); // => -3
Math.round(-2.5); // => -2 ：-2.5四舍五入為 -2
Math.round(-2.4); // => -2
Math.round('2.7'); // => 3 ：純數字字符串
Math.round('2.7a'); // => NaN ：非純數字字符串
 
 
1.4.15 Math.sqrt(value) ：返回參數的平方根
參數：
 
①value {Number | NumberStr} ：數字或者純數字的字符串
 
返回值：
 
{Number} 返回參數的平方根
 
示例：
 
 
console.log( Math.sqrt(9) ); // => 3
console.log( Math.sqrt(16) ); // => 4
console.log( Math.sqrt('25') ); // => 5
console.log( Math.sqrt('a') ); // => NaN
 
 
2. Number 對象
2.1 介紹
 
Number 對象，是數字對象，包含js中的整數、浮點數等等。
 
2.2 定義
 
 
var a = 1;
var b = 1.1;
2.3 靜態屬性
 
2.3.1 Number.MAX_VALUE ：表示JS中大的數字，約為 1.79e+308
 
2.3.2 Number.MIN_VALUE ：表示JS中小的數字，約為 5e-324
 
2.3.3 Number.NaN ：返回NaN，表示非數字值，與任意其他數字不等，也包括NaN本身。應使用Number.isNaN() 來進行判斷。
 
2.3.4 Number.NEGATIVE_INFINITY ：返回 -Infinity ，表示負無窮。
 
2.3.5 Number.POSITIVE_INFINITY  ：返回 Infinity ，表示正無窮。進行計算的值大于Number.MAX_VALUE就返回 Infinity 。
 
2.4 靜態方法
 
2.4.1 Number.isInteger(value) ：判斷參數是否為整數 
參數：
 
①value {Number} ：數字
 
返回值：
 
{Boolean} 返回參數是否為整數 。純整數的字符串也返回false。
 
示例：
 
 
Number.isInteger(1); // => true
Number.isInteger(1.1); // => false
Number.isInteger('1'); // => false ：純整數的字符串也返回false
Number.isInteger('1.1'); // => false
Number.isInteger('a'); // => false ：非字符串返回false
 
 
2.4.2 Number.isNaN(value) ：判斷參數是否為NaN
參數：
 
①value {Object} ：任意類型
 
返回值：
 
{Boolean} 返回參數是否為NaN 。
 
示例：
 
 
Number.isNaN(NaN); // => true
Number.isNaN('NaN'); // => false :'NaN'字符串，并不為NaN
Number.isNaN(1); // => false
Number.isNaN('1'); // => false
 
 
2.4.3 Number.parseFloat(value) ：把參數轉換為浮點數
參數：
 
①value {Number | NumberStr} ：數字或者純數字的字符串
 
返回值：
 
{Integer | Float} 返回整數或浮點數數值
 
示例：
 
 
Number.parseFloat(1); // => 1 ：整數還是返回整數
Number.parseFloat(1.1); // => 1.1
Number.parseFloat('1aaa'); // => 1 ：字符串前面為數字的，只返回數字
Number.parseFloat('1.1aaa'); // => 1.1
Number.parseFloat('a1'); // => NaN ：非數字開頭，返回NaN
Number.parseFloat('a'); // => NaN
 
 
2.4.4 Number.parseInt(value) ：把參數轉換為整數
參數：
 
①value {Number | NumberStr} ：數字或者純數字的字符串
 
返回值：
 
{Integer} 返回整數數值
 
示例：
 
 
Number.parseInt(1); // => 1
Number.parseInt(1.1); // => 1 ：浮點數返回整數
Number.parseInt('1aaa'); // => 1 ：字符串前面為數字的，只返回數字
Number.parseInt('1.1aaa'); // => 1
Number.parseInt('a1'); // => NaN ：非數字開頭，返回NaN
Number.parseInt('a'); // => NaN
 
 
2.5 實例方法
 
2.5.1 toExponential(value) ：將一個數字轉為指數類型，參數表示小數點后的位數
參數：
 
①value {Number}  ：表示小數點后的位數
 
返回值：
 
{String} 返回轉換后的指數類型字符串
 
示例：
 
(123456789).toExponential(2); // => 1.23e+8 ：小數點2位
(123456789).toExponential(5); // => 1.23457e+8 ：小數點5位
(123456789).toExponential(10); // => 1.2345678900e+8 ：小數點10位，不足位數用0補位
 
 
2.5.2 toFixed(value) ：將一個數字轉換為指定小數位數的字符串。不傳入參數，就是沒小數位。返回值為四舍五入
參數：
 
①value {Number}  ：表示小數點后的位數
 
返回值：
 
{String} 返回轉換后的字符串；不夠小數位以0填充；返回值為四舍五入后的值
 
示例：
 
 
console.log((1).toFixed(2)); // => 1.00
console.log((1.2).toFixed(2)); // => 1.20 ：不足位數，以0補位
console.log((1.277).toFixed(2)); // => 1.28 ：進行了四舍五入
 
 
2.5.3 toString() ：使用指定的進制，將一個數字轉換為字符串。不傳入參數，默認為十進制。
參數：
 
①value {Number}  ：表示進制數，取值范圍：2到36
 
返回值：
 
{String} 轉換后進制的字符串
 
示例：
 
 
(10).toString(); // => 10 ：默認為十進制
(10).toString(2); // => 1010 ：二進制
(10).toString(10); // => 10 ：十進制
(10).toString(16); // => a ：十六進制

 
2.6 應用場景
 
2.6.1 浮點數的加減乘除異常
說明：Js中的2個浮點數進行加減乘除運算，會返回異常的數值，如：0.2+0.7，返回0.899999999999。可以使用toFixed()方法，指定小數位。
 
示例：
 
 
console.log(0.2 + 0.7); // => 0.8999999999999999
console.log(0.7 - 0.5); // => 0.19999999999999996
console.log(3.03 * 10); // => 30.299999999999997
 
// 使用toFixed()方法
console.log( (0.2 + 0.7).toFixed(2) ); // => 0.90
console.log( (0.7 - 0.5).toFixed(2) ); // => 0.20 
console.log( (3.03 * 10).toFixed(2) ); // => 30.30

 
2.6.2 減法運算
說明：Js中進行減法運算時，會先把前后的值轉換為數值再進行運算。若轉換失敗，返回NaN。
 
示例：
 
 
console.log('1' - 0); // => 1 ：純數字字符串減去0，可以快速轉換為Nubmer對象
console.log( ('1' - 0).toFixed(2) ); // => 1.00 ：快速轉換為Nubmer對象后調用實例方法
console.log('1' - 'a'); // => NaN ：一方無法轉換為Nubmer對象