1.JS中数据类型（number，细节）

number

• 正数、负数、零、小数......

• NaN：not a number 不是一个有效数字，但是属于 number 类型

  • NaN 和 NaN(本身)不相等，和其它值也就不相等

  • isNaN(value)： 检测当前值是否不是是有效数字，不是有效数字返回true，是有效数字则返回false

  • Object.is(value1,value2)： 判断两个值是否为同一个值，is方法内部做了特殊的处理

  console.log(typeof NaN);  // 'number'
  console.log(NaN === NaN); // false
  console.log(isNaN(1));	  // false
  console.log(Object.is(NaN,NaN)) // true
  

• +Infinity:无限大 -Infinity:无限小

---

1.isNaN 检测是否为有效数字

• isNaN方法： 当我们使用 isNaN 检测基本类型值的时候，检测的值不是 number 类型的，浏览器会默认的把值先转换为 number 类型，然后再去检测

例如：isNaN('12') -> 使用 Number 方法转换为数字 -> 在进行检测
console.log(isNaN('12')); // false

• isNaN方法：当我们使用 isNaN 检测引用类型值的时候，会经过三个步骤

  • 检测对象的 Symbol.toPrimitive 这个属性值，如果有则基于这个值进行运算，如果没有则进行2

  • 检测对象的 valueOf() 这个值「原始值：基本类型值」，如果有则基于这个值进行判断，如果不是原始值则进行3

  • 获取对象的 toString() 把其变成字符串，再把字符串的值转换为 number 类型，然后再进行检测

  例如1：
  let obj1 = {};
  console.log(isNaN(obj1)); // ture
  
  例如2：
  let obj2 = {
    [Symbol.toPrimitive]:function(lint){
      return 10;
    }
  }
  console.log(isNaN(obj2)); // false
  
  例如3：
  let date = new Date();
  console.log(isNaN(date)); // 为什么是 false 呢？因为 new Date() 的原始值时数字
  
  例如4：
  let arr = [];
  arr[Symbol.toPrimitive]: function(lint){
    return 10;
  }
  console.log(isNaN(arr)); // false 因为你给他添加了 Symbol.toPrimitive 属性函数，并且返回 10，所以判断时候走第一步啦
  

---

2.Number 转换为数字类型

• Number方法（基本类型转换为数字）： 转换的时候只要出现任何一个非有效数字字符，最后结果都是 NaN

  console.log(Number('12')); //12
  console.log(Number('12px')); //NaN
  

  除了几个特殊转换 
  console.log(Number(true)); //1
  console.log(Number(false));//0
  console.log(Number(null)); //0
  console.log(Number('')); //0
  console.log(Number(undefined)); //NaN
  console.log(Number(Infinity));  //Infinity
  

• Number方法（引用类型转换为数字）：

  • 检测对象的 Symbol.toPrimitive 这个属性值，如果有则基于这个值进行运算，如果没有则进行2

  • 检测对象的 valueOf() 这个值「原始值：基本类型值」，如果有则基于这个值进行判断，如果不是原始值则进行3

  • 获取对象的 toString() 把其变成字符串，再把字符串的值转换为 number 类型，然后再进行检测

  console.log(Number(['12'])); // 12
  console.log(Number(['12','13'])); // NaN
  console.log(Number({a:1})); // NaN
  

  ---

3.parseInt 转换为整数

• parseInt：和 Number 方法在处理字符串的时候有所区别。提取规则：从左到右依次查找有效数字字符，直到遇见非有效数字字符为止（不管后面是否还有，都不找了），把找到的转换为数字

  • 检测对象的 Symbol.toPrimitive 这个属性值，如果有则基于这个值进行运算，如果没有则进行2

  • 检测对象的 valueOf() 这个值「原始值：基本类型值」，如果有则基于这个值进行判断，如果不是原始值则进行3

  • 获取对象的 toString() 把其变成字符串，再把字符串的值转换为 number 类型，然后再进行检测

  console.log(parseInt("12px")); //12
  console.log(parseInt("12px13")); //12
  console.log(parseInt("px12")); //NaN
  console.log(parseInt("")); //NaN
  console.log(parseInt(true)); //NaN
  

  ---

3.parseFloat 转换为浮点数

• 在 parseFloat 的基础上可以识别小数点（只能识别一位）

  • 检测对象的 Symbol.toPrimitive 这个属性值，如果有则基于这个值进行运算，如果没有则进行2

  • 检测对象的 valueOf() 这个值「原始值：基本类型值」，如果有则基于这个值进行判断，如果不是原始值则进行3

  • 获取对象的 toString() 把其变成字符串，再把字符串的值转换为 number 类型，然后再进行检测

  console.log(parseInt("12.2.2px")); //12.2
  console.log(parseInt("12px13")); //12
  console.log(parseInt("px12")); //NaN
  console.log(parseInt("")); //NaN
  console.log(parseInt(true)); //NaN
  

注意：把转换的值变成字符串再按上面规则查找