Number
數(shù)值種類(lèi)
正數(shù) 與 浮點(diǎn)數(shù)（區(qū)別在一浮點(diǎn)數(shù)內(nèi)存空間更大）
console.log('1 為整數(shù)');
console.log('1.2 為浮點(diǎn)數(shù)');
// 浮點(diǎn)數(shù)保存數(shù)值不精確原因：無(wú)法使用二進(jìn)制來(lái)精確表示小數(shù)
console.log(0.1 + 0.2 !== 0.3); // true
// 保存浮點(diǎn)數(shù)占用內(nèi)存空間是整數(shù)的二倍醉拓，ECMAScript 會(huì)不遺余力的將浮點(diǎn)數(shù)轉(zhuǎn)為整數(shù)
console.log(1.0); // 1
進(jìn)制
- 十進(jìn)制 (默認(rèn)）由 0123456789 組成
- 八進(jìn)制 (0開(kāi)頭) 由 01234567 組成
- 十六進(jìn)制 (0x開(kāi)頭) 由 0123456789ABCDEF 組成
console.log(070); // 56
console.log(078); // 78 以0開(kāi)頭履磨，但后面數(shù)值超過(guò)八進(jìn)制所含數(shù)字范圍(0~7)按照10進(jìn)制解析
console.log(0xA); // 10
數(shù)值范圍
// 最小/大值
console.log(Number.MIN_VALUE); // 5e-324
console.log(Number.MAX_VALUE); // 1.7976931348623157e+308
// 無(wú)窮值
console.log(Number.POSITIVE_INFINITY);// Infinity
console.log(Number.NEGATIVE_INFINITY);// -Infinity
其他類(lèi)型轉(zhuǎn)為數(shù)字方式一：Number類(lèi)型轉(zhuǎn)換
字符串轉(zhuǎn)數(shù)字規(guī)則：除代表正負(fù)的符號(hào)外，字符串中只要含有除第一個(gè).之外的其他非數(shù)字字符储笑，轉(zhuǎn)換結(jié)果就是 NaN
引用數(shù)據(jù)類(lèi)型轉(zhuǎn)換過(guò)程
- 調(diào)用 valueOf()
- 調(diào)用 toString()
- 使用 Number() 對(duì)基本類(lèi)型的轉(zhuǎn)換規(guī)則
// -------------- Number()基本數(shù)據(jù)類(lèi)型轉(zhuǎn)換 --------------
console.log(Number(true)); // 1
console.log(Number(false)); // 0
console.log(Number(null)); // 0
console.log(Number(undefined)); // NaN
console.log(Number('')); // 0
console.log(Number('12')); // 12
console.log(Number('+1.2')); // 1.2
console.log(Number('-1.2')); // -1.2
console.log(Number('qw')); // NaN
// -------------- Number()引用數(shù)據(jù)類(lèi)型轉(zhuǎn)換 ---------------
var arr = [];
console.log('Number(arr) => ', Number(arr));
// 0. [] => []
// 1. [] => ''
// 2. '' => 0
console.log('Number([12]) => ', Number([12]));
// 0. [12] => [12]
// 1. [12] => '12'
// 2. '12' => 12
console.log('Number([12,23]) => ', Number([12,23]));
// 0. [12,23] => [12,23]
// 1. [12,23] => '12,23'
// 2. '12,23' => NaN
console.log('Number({name: 12}) => ', Number({name: 12}));
// 0. {name: 12} => {name: 12}
// 1. {name: 12} => '[object Object]'
// 2. '[object Object]' => NaN
console.log('Number(function(){}) => ', Number(function(){}));
// 0. function(){} => f (){}
// 1. f (){} => 'function(){}'
// 2. 'function(){}' => NaN
console.log('Number(function test(i){return i}) => ', Number(function test(i){return i}));
// 0. function test(i){return i} => ? test(i){return i}
// 1. ? test(i){return i} => 'function test(i){return i}'
// 2. 'function test(i){return i}' => NaN
引用數(shù)據(jù)類(lèi)型轉(zhuǎn)數(shù)字詳解(可跳過(guò))
- 重寫(xiě) valueOf()
/**
* 只重寫(xiě) valueOf()方法
* 結(jié)果表明會(huì)調(diào)用 valueOf()方法
*/
var temp = {name: 12};
console.log('重寫(xiě) temp.valueOf() 前=> ', temp.valueOf());
// temp.valueOf = function(){return '12'}; // 第一次
temp.valueOf = function(){return '1.2.1'}; // 第二次
// console.log('isNaN(temp.valueOf()) => ', isNaN(temp.valueOf()));
console.log('重寫(xiě) temp.valueOf() 后=> ', temp.valueOf());
console.log('Number(temp) => ', Number(temp)); // 第一次 12 第二次 NaN
- 重寫(xiě) toString()
/**
* 只重寫(xiě) toString()方法
* 結(jié)果表明不論是在原型上定義還是在對(duì)象上定義都會(huì)調(diào)用 toString()方法
*/
var temp = {name: 12};
console.log('重寫(xiě) temp.toString() 前=> ', temp.toString());
// temp.toString = function(i){return 2}; // 第一次
temp.toString = function(i){return '2..'}; // 第二次
// temp.__proto__.toString = function(j){return 2};
// temp.__proto__.toString = function(j){return '2..'};
console.log('重寫(xiě) temp.toString() 后=> ', temp.toString());
console.log('Number(temp) => ', Number(temp)); // 第一次 2 第二次 NaN
- 同時(shí)重寫(xiě) valueOf() 和 toString()
- valueOf() 的結(jié)果是引用數(shù)據(jù)類(lèi)型本身
- toString() 通常是字符串包裹引用數(shù)據(jù)類(lèi)型本身
- 不重寫(xiě) valueOf() 方法，會(huì)調(diào)用原型上的 valueOf() 方法蚂会，得到引用類(lèi)型勾效，由于是引用類(lèi)型茸苇，所以調(diào)用 toString(),得到結(jié)果
- 不重寫(xiě) toString() 得到 12
- 重寫(xiě) temp._proto_.toString 得到 3
- 在上述基礎(chǔ)上 重寫(xiě) temp.toString 得到 2
- 重寫(xiě) valueOf() 方法各吨，返回基本數(shù)據(jù)類(lèi)型枝笨，得到 13，即不走 toString()
- 重寫(xiě) valueOf() 方法揭蜒，返回 [] / {} / function(){}横浑，得到 2，即走了 toString()屉更，而且是對(duì)象私有的 toString()
/**
* 引用數(shù)據(jù)類(lèi)型轉(zhuǎn)為數(shù)字類(lèi)型時(shí)伪嫁，Number() 的轉(zhuǎn)化規(guī)則是：
* 先調(diào)用 valueOf()，如果 valueOf() 返回的是基本數(shù)據(jù)類(lèi)型偶垮，則按照基本數(shù)據(jù)類(lèi)型轉(zhuǎn)為 Number()規(guī)則轉(zhuǎn)換并返回。
* 如果 valueOf() 返回引用數(shù)據(jù)類(lèi)型，則會(huì)去調(diào)用該引用數(shù)據(jù)類(lèi)型的 toString()方法得到結(jié)果似舵，結(jié)果再按照基本數(shù)據(jù)
* 類(lèi)型轉(zhuǎn)為 Number() 規(guī)則進(jìn)行轉(zhuǎn)換脚猾。若重寫(xiě) toString，使其返回引用類(lèi)型會(huì)報(bào)錯(cuò)
*/
// var temp = {name: 12};
var temp = [12];
console.log('重寫(xiě) temp.valueOf() 前=> ', temp.valueOf());
// valueOf 返回結(jié)果是基本數(shù)據(jù)類(lèi)型砚哗，就不會(huì)再走 toString()
temp.valueOf = function(){return '13..'};
// valueOf 返回結(jié)果是引用數(shù)據(jù)類(lèi)型龙助，就會(huì)走 toString()
// temp.valueOf = function(){return []};
// temp.valueOf = function(){return {}};
// temp.valueOf = function(){return function(){}};
// console.log('isNaN(temp.valueOf()) => ', isNaN(temp.valueOf()));
console.log('前 temp.toString() => ', temp.toString());
// temp.toString = function(i){return 2};
// temp.toString = function(i){return []}; // Cannot convert object to primitive value
temp.__proto__.toString = function(j){return 3};
console.log('后 temp.valueOf() => ', temp.valueOf());
console.log('后 temp.toString() => ', temp.toString());
console.log('Number(temp) => ', Number(temp));
其他類(lèi)型轉(zhuǎn)為數(shù)字方式二：parseInt()、parseFloat()
按照字符串從左到右查找蛛芥，從左到右依次查找有效數(shù)字提鸟，直到遇到一個(gè)非有效數(shù)字停止查找（不管后方是否還有，都不再查找）把找到的當(dāng)做數(shù)字返回仅淑，（傳遞的值一定是字符串称勋，不是字符串的轉(zhuǎn)換成字符串然后繼續(xù)執(zhí)行查找）
// parseInt 轉(zhuǎn)化成一個(gè) int 數(shù)字
console.log('parseInt() ==>', parseInt()); // NaN
console.log('parseInt(+1) ==>', parseInt(+1)); // NaN
console.log('parseInt(-1) ==>', parseInt(-1)); // NaN
console.log('parseInt(" 12.3") ==>', parseInt(' 12.3')); // 排除空格 12
console.log('parseInt(" 12.9ADS") ==>', parseInt(' 12.9ADS')); // 讀到其他字符結(jié)束 12
console.log('parseInt(070) ==>', parseInt(070)); // 八進(jìn)制 56
console.log('parseInt(0xA) ==>', parseInt(0xA)); // 十六進(jìn)制 10
// 按照指定進(jìn)制解析
console.log('parseInt("10", 2) ==>', parseInt('10', 2)); // 2
console.log('parseInt("10", 8) ==>', parseInt('10', 8)); // 8
console.log('parseInt("10", 10) ==>', parseInt('10', 10)); // 10
console.log('parseInt("10", 16) ==>', parseInt('10', 16)); // 16
// 轉(zhuǎn)換 Float類(lèi)型 (1.只支持十進(jìn)制 2.是整數(shù)會(huì)返回整數(shù)，而不是浮點(diǎn)數(shù))
console.log('parseFloat("10.2ab") ==>', parseFloat("10.2ab")); // 10.2
console.log('parseFloat("0xA") ==>', parseFloat("0xA")); // 0
console.log('parseFloat("10.0") ==>', parseFloat("10.0")); // 10
console.log('parseFloat("1.234e3") ==>', parseFloat("1.234e3")); // 1.234
Number() 與 parsexxx()
- 處理機(jī)制不同
- Number() 走 V8 引擎設(shè)定的規(guī)則
- parseInt()/parseFloat() 走自己寫(xiě)的方法 (先轉(zhuǎn)成字符串涯竟，然后一位一位的查找)
其他類(lèi)型轉(zhuǎn)為數(shù)字方式三：隱式轉(zhuǎn)換
利用算術(shù)運(yùn)算符轉(zhuǎn)換為數(shù)字
'12' - 0; // 12
['14'] - 5; // 9
1 * '3'; // 3
'3' / 1; // 1
NaN（Not a Number）
這個(gè)值用于表示一個(gè)本來(lái)要返回?cái)?shù)值的操作數(shù)未返回?cái)?shù)值的情況（這樣就不會(huì)報(bào)錯(cuò)了）
isNaN()
- 來(lái)源：
// 由于 NaN 不等于 NaN,所以不能通過(guò)等于 NaN 判斷一個(gè)數(shù)是不是有效數(shù)字
console.log('NaN == NaN => ', NaN == NaN); // false
- 規(guī)則
- 如果是數(shù)字赡鲜，直接返回 false
- 如果不是 isNaN() 將采用 Number() 函數(shù)轉(zhuǎn)換規(guī)則進(jìn)行轉(zhuǎn)換
console.log('isNaN(12) => ', isNaN(12)); // 本身就是數(shù)字
console.log('isNaN(NaN) => ', isNaN(NaN)); // 本身就不是數(shù)字
console.log('isNaN(\'12\') => ', isNaN('12')); // 字符串 可以轉(zhuǎn)為數(shù)字
console.log('isNaN(\'12qw\') => ', isNaN('12qw')); // 字符串 不能轉(zhuǎn)為數(shù)字
console.log('isNaN(null) => ', isNaN(null)); // null 可以轉(zhuǎn)數(shù)字
console.log('isNaN(undefined) => ', isNaN(undefined)); // undefined 轉(zhuǎn)為 NaN
// isNaN() 轉(zhuǎn)換引用類(lèi)型過(guò)程 同 Number()
// 1.調(diào)用 valueOf()
// 2.調(diào)用 toString()
// 3.使用 Number() 對(duì)基本類(lèi)型的轉(zhuǎn)換規(guī)則
console.log('isNaN([\'+12.23\']) => ', isNaN(['+12.23']));
// 0. ['+12.23'] => ['+12.23']
// 1. ['+12.23'] => '+12.23'
// 2. isNaN('+12.23') => isNaN(12.23) => false
console.log('isNaN([12, 23]) => ', isNaN([12, 23]));
// 0. [12, 23] => [12, 23]
// 1. [12, 23] => '12, 23'
// 2. isNaN('12, 23') => true
