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 相关文章推荐
JavaScript页面刷新与弹出窗口问题的解决方法
Mar 02 Javascript
js作用域及作用域链概念理解及使用
Apr 15 Javascript
火狐textarea输入法的bug的触发及解决
Jul 24 Javascript
JS+CSS实现的拖动分页效果实例
May 11 Javascript
AngularJS模块学习之Anchor Scroll
Jan 19 Javascript
所见即所得的富文本编辑器bootstrap-wysiwyg使用方法详解
May 27 Javascript
很棒的Bootstrap选项卡切换效果
Jul 01 Javascript
jQuery搜索框效果实现代码(百度关键词联想)
Feb 25 Javascript
Angular和Vue双向数据绑定的实现原理(重点是vue的双向绑定)
Nov 22 Javascript
Vue应用部署到服务器的正确方式
Jul 15 Javascript
JavaScript实现图片拖曳效果
Sep 08 Javascript
vue父组件向子组件动态传值的两种方法
Nov 11 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
PHP 快速排序算法详解
2014/11/10 PHP
PHP中spl_autoload_register()函数用法实例详解
2016/07/18 PHP
php封装的数据库函数与用法示例【参考thinkPHP】
2016/11/08 PHP
PHP进阶学习之命名空间基本用法分析
2019/06/18 PHP
解决 firefox 不支持 document.all的方法
2007/03/12 Javascript
JS验证身份证有效性示例
2013/10/11 Javascript
js阻止冒泡及jquery阻止事件冒泡示例介绍
2013/11/19 Javascript
Flex通过JS获取客户端IP和计算机名的实例代码
2013/11/21 Javascript
js 去除字符串第一位逗号的方法
2014/06/07 Javascript
AngularJS基础 ng-cut 指令介绍及简单示例
2016/08/01 Javascript
在线引用最新jquery文件的实现方法
2016/08/26 Javascript
Node.js文件编码格式的转换的方法
2018/04/27 Javascript
JS实现的Object数组去重功能示例【数组成员为Object对象】
2019/02/01 Javascript
vue中根据时间戳判断对应的时间(今天 昨天 前天)
2019/12/20 Javascript
详解微信小程序工程化探索之webpack实战
2020/04/20 Javascript
详解vuejs中执行npm run dev出现页面cannot GET/问题
2020/04/26 Javascript
js判断鼠标移入移出方向的方法
2020/06/24 Javascript
vue集成一个支持图片缩放拖拽的富文本编辑器
2021/01/29 Vue.js
详解ES6实现类的私有变量的几种写法
2021/02/10 Javascript
使用Python的内建模块collections的教程
2015/04/28 Python
在windows下快速搭建web.py开发框架方法
2016/04/22 Python
Python实现的多线程同步与互斥锁功能示例
2017/11/30 Python
python print 按逗号或空格分隔的方法
2018/05/02 Python
python字符串常用方法
2018/06/14 Python
详解python-图像处理(映射变换)
2019/03/22 Python
Python实现的爬取豆瓣电影信息功能案例
2019/09/15 Python
Python依赖包迁移到断网环境操作
2020/07/13 Python
python等待10秒执行下一命令的方法
2020/07/19 Python
梅西酒窖:Macy’s Wine Cellar
2018/01/07 全球购物
预订全球最佳旅行体验:Viator
2018/03/30 全球购物
美国留学经济担保书
2014/05/20 职场文书
社区精神文明建设汇报材料
2014/08/17 职场文书
2015年社区党务工作总结
2015/04/21 职场文书
不同意离婚答辩状
2015/05/22 职场文书
个人业务学习心得体会
2016/01/25 职场文书
Python 处理表格进行成绩排序的操作代码
2021/07/26 Python