javaScript把其它类型转换为Number类型


Posted in Javascript onOctober 13, 2019

一:基本类型

字符串

把字符串转换为数字,只要字符串中包含任意一个非有效数字字符(第一个点除外)结果都是NaN,空字符串会变为数字零

console.log(Number("12.5")); //12.5
console.log(Number("12.5px")); //NAN
console.log(Number("12.5.5px"));//NAN
console.log(Number(""));//0

布尔

console.log(Number(true));//1
console.log(Number(false));//0
console.log(isNaN(false));//false 是有效数字

null和undefined

console.log(Number(null));//0
console.log(Number(undefined));//NaN

二:引用数据类型

把引用数据类型转换为数字是先把它基于toString()转换为字符串,再转换为数字

console.log(Number({num:"10"}));//NaN
console.log(Number({}));//NaN ({num:"10"}).toString();是"[object Object]" 是非有效数字字符所以是NaN
console.log(Number([]));//0 [].toString()是""所以转为数字是0
console.log(Number([12]));//12 [12].toString()是"12"所以转为数字是12
console.log(Number([12,23]));//NaN [12].toString()是"12,23"里面的","是非有效数字字符所以是NaN

相关面试题

let a=10+null+true+[]+undefined+'腾讯'+null+[]+10+false;
console.log(a)//11undefined腾讯null10false

null变为数字是0,true是1,[]变为数字,先要经历变为空字符串,遇到字符串,啥也别想了,直接变为字符串拼接.

当去掉undefined前面的[]结果就变成了NaN腾讯null10false

以上就是本次介绍的javaScript把其它类型转换为Number类型全部知识点内容,感谢大家的学习和对三水点靠木的支持。

Javascript 相关文章推荐
JS复制内容到剪切板的实例代码(兼容IE与火狐)
Nov 19 Javascript
使用jQuery时Form表单元素ID和name命名大忌
Mar 06 Javascript
jquery文本框中的事件应用以输入邮箱为例
May 06 Javascript
JS实现表格数据各种搜索功能的方法
Mar 03 Javascript
javascript原型模式用法实例详解
Jun 04 Javascript
详解Node.js包的工程目录与NPM包管理器的使用
Feb 16 Javascript
js显示动态时间的方法详解
Aug 20 Javascript
微信小程序  网络请求API详解
Oct 25 Javascript
js cookie实现记住密码功能
Jan 17 Javascript
基于 Vue 的树形选择组件的示例代码
Aug 18 Javascript
Vue 处理表单input单行文本框的实例代码
May 09 Javascript
vue接通后端api以及部署到服务器操作
Aug 13 Javascript
js 实现watch监听数据变化的代码
Oct 13 #Javascript
15 分钟掌握vue-next响应式原理
Oct 13 #Javascript
Vue3.x源码调试的实现方法
Oct 13 #Javascript
使用webpack将ES6转化ES5的实现方法
Oct 13 #Javascript
vue中uni-app 实现小程序登录注册功能
Oct 12 #Javascript
Jquery 动态添加元素并添加点击事件实现过程解析
Oct 12 #jQuery
微信小程序 scroll-view 水平滚动实现过程解析
Oct 12 #Javascript
You might like
QueryPath PHP 中的jQuery
2010/04/11 PHP
Mysql数据库操作类( 1127版,提供源码下载 )
2010/12/02 PHP
PHP插入排序实现代码
2013/04/04 PHP
非常重要的php正则表达式详解
2016/01/04 PHP
PHP5.6.8连接SQL Server 2008 R2数据库常用技巧分析总结
2019/05/06 PHP
使用swoole 定时器变更超时未支付订单状态的解决方案
2019/07/24 PHP
PHP数组访问常用方法解析
2020/09/05 PHP
onclick与listeners的执行先后问题详细解剖
2013/01/07 Javascript
基于JQuery实现仿网易邮箱全屏动感滚动插件fullPage
2015/09/20 Javascript
基于jQuery实现的菜单切换效果
2015/10/16 Javascript
Bootstrap每天必学之日期控制
2016/03/07 Javascript
基于Bootstrap的后台管理面板 Bootstrap Metro Dashboard
2016/06/17 Javascript
js实现的光标位置工具函数示例
2016/10/03 Javascript
jquery UI Datepicker时间控件冲突问题解决
2016/12/16 Javascript
微信小程序 详解Page中data数据操作和函数调用
2017/01/12 Javascript
十分钟带你快速了解React16新特性
2017/11/10 Javascript
基于js文件加载优化(详解)
2018/01/03 Javascript
移动端滑动切换组件封装 vue-swiper-router实例详解
2018/11/25 Javascript
5个你不知道的JavaScript字符串处理库(小结)
2020/06/01 Javascript
[26:24]完美副总裁、DOTA2负责人蔡玮专访:电竞如人生
2014/09/11 DOTA
linux系统使用python获取内存使用信息脚本分享
2014/01/15 Python
python执行等待程序直到第二天零点的方法
2015/04/23 Python
Python装饰器的执行过程实例分析
2018/06/04 Python
Python基于matplotlib画箱体图检验异常值操作示例【附xls数据文件下载】
2019/01/07 Python
linux下python中文乱码解决方案详解
2019/08/28 Python
NumPy统计函数的实现方法
2020/01/21 Python
Appium+Python实现简单的自动化登录测试的实现
2021/01/26 Python
C语言面试题
2013/05/19 面试题
如何反序的迭代一个序列?how do I iterate over a sequence in reverse order
2012/02/04 面试题
安全检查验收制度
2014/01/12 职场文书
幼儿园教学管理制度
2014/02/04 职场文书
英语教师个人工作总结
2015/02/09 职场文书
2015年计划生育责任书
2015/05/08 职场文书
2015年大班保育员工作总结
2015/05/18 职场文书
2016年庆祝六一儿童节活动总结
2016/04/06 职场文书
竞聘开场白方式有哪些?
2019/08/28 职场文书