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 相关文章推荐
用window.location.href实现刷新另个框架页面
Mar 07 Javascript
JQuery 实现的页面滚动时浮动窗口控件
Jul 10 Javascript
javascript 原型继承介绍
Aug 30 Javascript
jquery 动态创建元素的方式介绍及应用
Apr 21 Javascript
js监听键盘事件示例代码
Jul 26 Javascript
js获取控件位置以及不同浏览器中的差别介绍
Aug 08 Javascript
使用phantomjs进行网页抓取的实现代码
Sep 29 Javascript
超赞的jQuery图片滑块动画特效代码汇总
Jan 25 Javascript
jQuery中的ready函数与window.onload谁先执行
Jun 21 Javascript
JS中解决谷歌浏览器记住密码输入框颜色改变功能
Feb 13 Javascript
laypage.js分页插件使用方法详解
Jul 27 Javascript
vue中echarts图表大小适应窗口大小且不需要刷新案例
Jul 19 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
2014年10个最佳的PHP图像操作库
2014/07/14 PHP
php常用的安全过滤函数集锦
2014/10/09 PHP
php简单获取文件扩展名的方法
2015/03/24 PHP
在Yii2中使用Pjax导致Yii2内联脚本载入失败的原因分析
2016/03/06 PHP
PHP关键特性之命名空间实例详解
2017/05/06 PHP
PHP微信公众号开发之微信红包实现方法分析
2017/07/14 PHP
js修改input的type属性及浏览器兼容问题探讨与解决
2013/01/23 Javascript
flash遮住div问题的正确解决方法
2014/02/27 Javascript
js判断ie版本号的简单实现代码
2014/03/05 Javascript
JavaScript实现对下拉列表值进行排序的方法
2015/07/15 Javascript
JS实现来回出现文字的状态栏特效代码
2015/10/31 Javascript
js时间戳转为日期格式的方法
2015/12/28 Javascript
js面向对象的写法
2016/02/19 Javascript
[Bootstrap-插件使用]Jcrop+fileinput组合实现头像上传功能实例代码
2016/12/20 Javascript
jquery easyui DataGrid简单示例
2017/01/23 Javascript
BootStrap fileinput.js文件上传组件实例代码
2017/02/20 Javascript
微信小程序 判断手机号的实现代码
2017/04/19 Javascript
深入Vue-Router路由嵌套理解
2018/08/13 Javascript
JointJS流程图的绘制方法
2018/12/03 Javascript
NodeJS实现同步的方法
2019/03/02 NodeJs
JavaScript解析机制与闭包原理实例详解
2019/03/08 Javascript
js canvas实现5张图片合成一张图片
2019/07/15 Javascript
Vue数据绑定实例写法
2019/08/06 Javascript
js 获取本周、上周、本月、上月、本季度、上季度的开始结束日期
2020/02/01 Javascript
Python中xrange与yield的用法实例分析
2017/12/26 Python
Python清空文件并替换内容的实例
2018/10/22 Python
django 消息框架 message使用详解
2019/07/22 Python
python修改FTP服务器上的文件名
2019/09/11 Python
使用python远程操作linux过程解析
2019/12/04 Python
pip安装提示Twisted错误问题(Python3.6.4安装Twisted错误)
2020/05/09 Python
Python configparser模块应用过程解析
2020/08/14 Python
详解HTML5中的标签
2015/06/19 HTML / CSS
Stylenanda中文站:韩国一线网络服装品牌
2016/12/22 全球购物
护士辞职信模板
2014/01/20 职场文书
安全第一课观后感
2015/06/18 职场文书
2016年幼儿园教研活动总结
2016/04/05 职场文书