isNaN() 定义和用法

isNaN() 函数用于检查其参数是否是非数字值。

isNaN(x) x 是特殊的非数字值 NaN(或者能被转换为这样的值)
console.log(isNaN(NaN));//true 
console.log(isNaN("0"));//false
console.log(isNaN(0));//false
console.log(isNaN("Hello"));//true
console.log(isNaN("2005/12/12"));//true
console.log(isNaN(1));//false
console.log(isNaN(123));//false
console.log(isNaN(-1.23));//false
console.log(isNaN(5-2));//false
console.log(Number('0'));

针对isNaN('0')和isNaN(0)结果一致,因为x是特殊的非数字值 NaN(或者能被转换为这样的值),Number('0')=0,所以isNaN("0")不能简单理解为字符串,所以isNaN("0")为false

typeof NaN为number

parseFloat() 定义和用法

parseFloat() 函数可解析一个字符串,并返回一个浮点数。

该函数指定字符串中的首个字符是否是数字。如果是,则对字符串进行解析,直到到达数字的末端为止,然后以数字返回该数字,而不是作为字符串。

parseFloat 是全局函数,不属于任何对象。

parseFloat 将它的字符串参数解析成为浮点数并返回。如果在解析过程中遇到了正负号(+ 或 -)、数字 (0-9)、小数点,或者科学记数法中的指数(e 或 E)以外的字符,则它会忽略该字符以及之后的所有字符,返回当前已经解析到的浮点数。同时参数字符串首位的空白符会被忽略。

如果参数字符串的第一个字符不能被解析成为数字,则 parseFloat 返回 NaN。

提示:您可以通过调用 isNaN 函数来判断 parseFloat 的返回结果是否是 NaN。如果让 NaN 作为了任意数学运算的操作数,则运算结果必定也是 NaN。

提示和注释

注释:开头和结尾的空格是允许的。

提示:如果字符串的第一个字符不能被转换为数字,那么 parseFloat() 会返回 NaN。

提示:如果只想解析数字的整数部分,请使用 parseInt() 方法。

console.log(parseFloat("c0.23a58"));//NaN
console.log(parseFloat("0.00"));//0
console.log(parseFloat("0"));//0
console.log(parseFloat(" 0 "));//0
console.log(parseFloat("10")) //10
console.log(parseFloat("10.00")) //10
console.log(parseFloat("10.33")) //10.33
console.log(parseFloat("34 45 66")) //34
console.log(parseFloat(" 60 ")) //60
console.log(parseFloat("40 years"))//40
console.log(parseFloat("He was 40"))//NaN

parseInt() 定义和用法

parseInt() 函数可解析一个字符串,并返回一个整数。

语法

parseInt(string, radix)
参数 描述
string 必需。要被解析的字符串。
radix

可选。表示要解析的数字的基数。该值介于 2 ~ 36 之间。

如果省略该参数或其值为 0,则数字将以 10 为基础来解析。如果它以 “0x” 或 “0X” 开头,将以 16 为基数。

如果该参数小于 2 或者大于 36,则 parseInt() 将返回 NaN。

返回值

返回解析后的数字。

说明

当参数 radix 的值为 0,或没有设置该参数时,parseInt() 会根据 string 来判断数字的基数。

举例,如果 string 以 "0x" 开头,parseInt() 会把 string 的其余部分解析为十六进制的整数。如果 string 以 0 开头,那么 ECMAScript v3 允许 parseInt() 的一个实现把其后的字符解析为八进制或十六进制的数字。如果 string 以 1 ~ 9 的数字开头,parseInt() 将把它解析为十进制的整数。

提示和注释

注释:只有字符串中的第一个数字会被返回。

注释:开头和结尾的空格是允许的。

提示:如果字符串的第一个字符不能被转换为数字,那么 parseFloat() 会返回 NaN。

console.log(parseInt('1.56986')); //1
console.log(parseInt("10")); //返回 10
console.log(parseInt("11")); //返回 11
console.log(parseInt("19",10)); //返回 19 (10+9)
console.log(parseInt("11",2)); //返回 3 (2+1)
console.log(parseInt("17",8)); //返回 15 (8+7)
console.log(parseInt("1f",16)); //返回 31 (16+15)
console.log(parseInt("010")); //返回 10
console.log(parseInt("abc")); //返回 NaN

 number数据类型的处理

    console.log(Math.random()) //返回0-1之间的随机数
var b = -1.2356;
console.log(Math.abs(b))//返回绝对值
console.log(Math.ceil(0.2))// 1 向上取整
console.log(Math.floor(2.6))// 2 向下取整
var dd = Math.floor(2.6)
console.log(Math.valueOf(dd)) //返回Math对象的原始值
console.log(Math.min(2,5,8,9,6,14,55,635,856,1,0,6)) //0 取最大值
console.log(Math.max(2,5,8,9,6,14,55,635,856,1,6)) // 856 取最小值
console.log(parseInt(Math.random()*100)) //取整数(小数不做处理)
    //保留两位小数
    NumberObject.toFixed(num) num:必须。规定小数的位数,是0·20之间的值,包括0·20 (且保留的小数是四舍五入)
    var num=123.56389;
    console.log(num.toFixed(2)) //123.56
   console.log(num.toFixed(1)) //123.6
    有时会有这样的需求,需要把input输入的数字,默认加两位小数,此时就可以用toFixed函数,但是,input就算规定input的type为number
    得到的内容,还是string类型,所以还是要先Number强转一下。此时可以得到两位小数的数字,然后再把得到的数字,
    重新赋值给input的value值,那么,现在这时候,无论显示的还是得到的都是经过处理的数字了。

    

    <input type="number" id='inp' />
<script type="text/javascript">
window.onload=function(){
var inp_=document.getElementById('inp');
inp_.addEventListener('blur',function(){var a= Number(inp_.value).toFixed(2);
inp_.value=a;
})
}</script>

函数isNaN() parseFloat() parseInt() Math对象的更多相关文章

  1. js中的函数,Date对象,Math对象和数组对象

    函数就是完成某个功能的一组语句,js中的函数由关键字 function + 函数名 + 一组参数定义;函数在定义后可以被重复调用,通常将常用的功能写成一个函数,利用函数可以使代码的组织结构更多清晰. ...

  2. codewars--js--Human Readable Time—Math对象,parseInt()

    问题描述: Write a function, which takes a non-negative integer (seconds) as input and returns the time i ...

  3. isNaN与parseInt/parseFloat

    isNaN 返回一个 Boolean 值,指明提供的值是否是保留值 NaN (不是数字). NaN 即 Not a Number isNaN(numValue) 必选项 numvalue 参数为要检查 ...

  4. JavaScript 函数,math对象,Date对象 序列化 总结

    函数 函数定义 // 普通函数定义 function f1() { console.log("Hello world!"); } // 带参数的函数 function f2(a, ...

  5. JS Math对象、日期对象、函数、定时器

    Math对象 开平方:sqrt 绝对值:abs π:PI x的y次方:pow 四舍五入取整:round 向下取整:floor 向上取整:ceil 最大值:max 最小值: min 随机数:random ...

  6. js匿名函数和date对象,math对象

    匿名函数: <script type="text/javascript"> function (参数列表){ 要执行的语句块; } </script> 对象 ...

  7. ES6—数值(Number,Math对象)(复习+学习)

    ES6-数值(Number,Math对象)(复习+学习) 每天一学,今天要学习ES6的关于数的扩展以及复习,然后通过看书,查阅资料,以及webAPI来搞清楚遇到的,没见过的对象方法等等,下面为本次学习 ...

  8. 初识 Javascript.02 -- Date日期、Math对象、数据类型转换、字符串、布尔Boolean、逻辑运算符、if else 、三元表达式、代码调试方法、

    Date()对象: Date对象用于处理日期和时间. 1.1 Math对象  ◆Math.ceil()   天花板函数    向上取整  只取整数,不足则进1 ◆Math.floor()  地板函数 ...

  9. #9.6课堂JS总结#变量作用域 date()对象 math()对象

    一.变量的作用域 1.JavaScript的作用域链 首先看下下面这段代码: <script type="text/javascript"> var rain = 1; ...

随机推荐

  1. MariaDB ColumnStore初探(1):安装、使用及测试

    相信大家在对接BI数据报表部门有很深刻的体验,高大上的复杂SQL关联JOIN十几张表在InnoDB里跑起来,会让你酸爽到死.它的出现正是解决这个问题,DBA能不能轻松愉快地玩耍,就要靠它了,“神州行我 ...

  2. ToolBar+Drawable实现一个好用的侧滑栏(侧边栏)和工具栏

    先参考下ToolBar的使用和DrawableLayout的使用: 1.主界面布局,主要结构包含一个ToolBar和一个DrawableLayout,DrawableLayout里面有左侧边栏布局和主 ...

  3. CentOS7配置samba服务

    Step1:安装samba相关软件 [root@node-1 ~]# yum -y install samba samba-client Step2:创建共享目录 [root@node-1 ~]# m ...

  4. fortitoken

    1.token状态为error,且不能分配给用户使用 解决: 关联有User的token状态是error的原因是:用户一直并未使用.

  5. python中sys.path--学习

    本着下定义开头吧:python中import某个A模块时,首先会从python的内置模块中查找是否含义该模块的定义若未查询到会从sys.path对应的模块路径查询是否含有对应模块的定义,如果搜索完成依 ...

  6. [leetcode]81. Search in Rotated Sorted Array II旋转过有序数组里找目标值II(有重)

    This is a follow up problem to Search in Rotated Sorted Array, where nums may contain duplicates. 思路 ...

  7. webpack浅析---出口篇

    webpack有四个核心概念: 入口(entry) 输出(output) loader 插件(plugins) 输出: 在哪里输出创建的bundles,以及如何命名这些文件, 默认./dist fil ...

  8. MVC的SignalR例子

    # SignalR学习 ASP.NET SignalR 是为.NET 开发者提供即时通讯Web 应用的类库.即时通讯Web服务就是服务器将内容自动推送到已经连接的客户端,而不是服务器等待客户端发起一个 ...

  9. IIS上配置单页面404

    问题 因为我们的应用是单页客户端应用,当用户在浏览器直接访问http://www.xxx.com/user时,刷新页面的时候,会返回404错误. 问题原因 服务端URL匹配不到相应的路由资源 解决方案 ...

  10. React-router4 第九篇 Ambiguous Matches 模糊匹配

    https://reacttraining.com/react-router/web/example/ambiguous-matches 看了官方的例子,我准备把阮一峰老师的代码再粘贴一次..!!