zoukankan      html  css  js  c++  java
  • JS中的NaN和isNaN,简直是双重人格?

     number数字类型
      包括数字和NaN,NaN:not a number 但是它是数字类型的
     
    isNaN的用法:检测当前值是否不是有效数字,返回true代表不是有效数字,返回false是有效数字
    //=>语法:isNaN([value])
    var num=12;
    isNaN(num); //->检测num变量存储的值是否为非有效数字 false
    
    isNaN('13') =>false
    isNaN('你好呀') =>true
    isNaN(true) =>false
    isNaN(false) =>false
    isNaN(null) =>false
    isNaN(undefined) =>true
    isNaN({age:9}) =>true
    isNaN([12,23]) =>true
    isNaN([12]) =>false
    isNaN(/^$/) =>true
    isNaN(function(){}) =>true
    1、isNaN检测的机制:首先验证当前要检测的值是否为数字类型的,如果不是,浏览器会默认的把值转换为数字类型

      把非数字类型的值转换为数字
      其它基本类型转换为数字:直接使用Number这个方法转换的
     
    [字符串转数字]
    Number('13') ->13
    Number('13px') ->NaN 如果当前字符串中出现任意一个非有效数字字符,结果则为NaN
    Number('13.5') ->13.5 可以识别小数

    [布尔转数字]

    Number(true) ->1
    Number(false) ->0
    [其它]
    Number(null) ->0
    Number(undefined) ->NaN
      
    把引用数据类型值转换为数字:先把引用值调取toString转换为字符串,然后再把字符串调取Number转换为数字

    [对象]
    ({}).toString() ->'[object Object]' ->NaN
    [数组]
    [12,23].toString() ->'12,23' ->NaN
    [12].toString() ->'12' ->12
    [正则]
    /^$/.toString() ->'/^$/' ->NaN
    [其他]
    Number('') ->0
    [].toString() -> ''
    => isNaN([]):false
     
    2、当前检测的值已经是数字类型,是有效数字返回false,不是返回true(数字类型中只有NaN不是有效数字,其余都是有效数字)
     
      parseInt / parseFloat等同于Number,也是为了把其它类型的值转换为数字类型
     
      和Number的区别在于字符串转换分析上
     
      Number:出现任意非有效数字字符,结果就是NaN
        parseInt:把一个字符串中的整数部分解析出来,parseFloat是把一个字符串中小数(浮点数)部分解析出来  
    parseInt('13.5px') =>13
    parseFloat('13.5px') =>13.5
    parseInt('13.5px') =>NaN 从字符串最左边字符开始查找有效数字字符,并且转换为数字,但是一但遇到一个非有效数字字符,查找结束
     
    3. NaN的比较
     
      NaN==NaN:false NaN和谁都不相等,包括自己
     
    if(Number(num)==NaN){
      alert('num不是有效数字!');
     }
    NaN和谁都不相等,条件永远不成立(即使num确实不是有效数字,转换的结果确实是NaN,但是NaN
    !=NaN的) if(isNaN(num)){   //=>检测是否为有效数字,只有这一种方案   alert('num不是有效数字!') }

    【布尔 boolean】

          只有两个值:true / false,把其它数据类型的值转换为布尔类型:除了“NaN/0/''/null/undefined”这五个值会转换为false,其余的都会转换为true
        哪些情况需要把其它类型值转换为布尔呢?
      
    // [手动自己转]
    Boolean(0) => false
    Boolean([]) => true
    []==false => true   // 都转换为数字 0==0
    ![]==false => true  // 先算![],把数组转换为布尔取反=>false =>false==false
      除了Boolean可把其他类型转化为数字类型外,!和双!!也是把其他类型转化成布尔类型,项目中一般用!!转换(逼格高~)
      !0 =>true 叹号在这里是取反的意思(先转化为布尔类型然后再取反)
      !!0 =>false 两个叹号只剩下转换为布尔类型了,等价于Boolean
    // [程序自己需要转换 =>一般都是条件判断的时候],if内的值会默认转换成布尔类型,如果为真执行,为false则不执行
    if(1){
       //=>如果条件成立,执行大括号中的代码
       //=>浏览器会把1作为条件:把它转换为布尔的TRUE,条件成立
    }
     
    特殊情况:数学运算和字符串拼接 “+”
      当表达式中出现字符串,就是字符串拼接,否则就是数学运算
    1+true =>2  //数学运算
    '1'+true =>'1true'   //字符串拼接
    [12]+10 =>'1210'     //虽然现在没看见字符串,但是引用类型转换为数字,首先会转换为字符串,所以变为了字符串拼接
    ({})+10 =>"[object Object]10"
    []+10 =>"10"
      {}+10 =>10     结果为10,但是这个和以上说的没有半毛钱关系,因为它根本就不是数学运算,也不是字符串拼接,它是两部分代码
      {} 代表一个代码块(块级作用域)   +10 才是我们的操作      严格写法:{}; +10;
  • 相关阅读:
    Javascript图片预加载详解
    Canvas入门(3):图像处理和绘制文字
    CSS强制英文、中文换行与不换行 强制英文换行
    数组分隔成两个一组
    scrollview嵌套tableview
    审核被拒:1. 1 Safety: Objectionable Content ;3. 1.1 Business: Payments
    流程控制-用布尔值
    xcode代码提示没了
    sourceTree回退撤销commit
    iOS使用mask切割不规则图案
  • 原文地址:https://www.cnblogs.com/jiajialove/p/10998710.html
Copyright © 2011-2022 走看看