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 点击按钮弹出另一页,选择值后,返回到当前页
May 26 Javascript
js与jquery获取父元素,删除子元素的两种不同方法
Jan 09 Javascript
jQuery使用之处理页面元素用法实例
Jan 19 Javascript
js判断复选框是否选中及选中个数的实现代码
May 30 Javascript
解析AngularJS中get请求URL出现的跨域问题
Dec 01 Javascript
JS中传递参数的几种不同方法比较
Jan 20 Javascript
微信小程序 自定义消息提示框
Aug 06 Javascript
Angular实现可删除并计算总金额的购物车功能示例
Dec 26 Javascript
详解vue项目接入微信JSSDK的坑
Dec 14 Javascript
最简单的JS实现json转csv的方法
Jan 10 Javascript
基于JS实现父组件的请求服务过程解析
Oct 14 Javascript
vscode中使用npm安装babel的方法
Aug 02 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的yii2框架中整合hbase库的方法
2018/09/20 PHP
用prototype实现的简单小巧的多级联动菜单
2007/03/24 Javascript
将input file的选择的文件清空的两种解决方案
2013/10/21 Javascript
javascript实现禁止右键和F12查看源代码
2014/12/26 Javascript
zepto中使用swipe.js制作轮播图附swipeUp,swipeDown不起效果问题
2015/08/27 Javascript
js图片卷帘门导航菜单特效代码分享
2015/09/10 Javascript
AngularJS转换响应内容
2016/01/27 Javascript
微信小程序 网络请求(GET请求)详解
2016/11/16 Javascript
JS实现的相册图片左右滚动完整实例
2016/11/23 Javascript
Node.JS中事件轮询(Event Loop)的解析
2017/02/25 Javascript
ExtJs的Ext.Ajax.request实现waitMsg等待提示效果
2017/06/14 Javascript
easyui-datagrid开发实践(总结)
2017/08/02 Javascript
微信小程序倒计时功能实现代码
2017/11/09 Javascript
使用bootstrap实现下拉框搜索功能的实例讲解
2018/08/10 Javascript
Vue实现一个无限加载列表功能
2018/11/13 Javascript
js实现页面导航层级指示效果
2020/08/25 Javascript
[01:07:15]DOTA2-DPC中国联赛 正赛 DLG vs XG BO3 第二场 1月25日
2021/03/11 DOTA
python pickle 和 shelve模块的用法
2013/09/16 Python
Python正则表达式知识汇总
2017/09/22 Python
Python实现爬取百度贴吧帖子所有楼层图片的爬虫示例
2018/04/26 Python
Python基于sklearn库的分类算法简单应用示例
2018/07/09 Python
解决pyinstaller打包exe文件出现命令窗口一闪而过的问题
2018/10/31 Python
python保留格式汇总各部门excel内容的实现思路
2020/06/01 Python
Python3+selenium配置常见报错解决方案
2020/08/28 Python
PyCharm 解决找不到新打开项目的窗口问题
2021/01/15 Python
HTML5学习心得总结(推荐)
2016/07/08 HTML / CSS
iphoneX 适配客户端H5页面的方法教程
2017/12/08 HTML / CSS
香港礼品网站:GiftU eshop
2017/09/01 全球购物
销售类个人求职信范文
2013/09/25 职场文书
法学专业个人求职信
2013/09/26 职场文书
英语演讲稿范文
2014/01/03 职场文书
2015初中团委工作总结
2015/07/28 职场文书
《植树问题》教学反思
2016/03/03 职场文书
大学毕业生自我鉴定范文
2019/06/21 职场文书
慰问信的写作格式及范文!
2019/06/24 职场文书
Golang解析JSON对象
2022/04/30 Golang