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超时调用setTimeout和间歇调用setInterval实例分析
Jan 28 Javascript
javascript数组去重的方法汇总
Apr 14 Javascript
批量下载对路网图片并生成html的实现方法
Jun 07 Javascript
Ext JS动态加载JavaScript创建窗体的方法
Jun 23 Javascript
JS实现touch 点击滑动轮播实例代码
Jan 19 Javascript
微信小程序组件 marquee实例详解
Jun 23 Javascript
Node.js实现文件上传的示例
Jun 28 Javascript
layer弹出层全屏及关闭方法
Aug 17 Javascript
微信小程序使用wxParse解析html的方法示例
Jan 17 Javascript
使用VUE实现在table中文字信息超过5个隐藏鼠标移到时弹窗显示全部
Sep 16 Javascript
Vue中qs插件的使用详解
Feb 07 Javascript
Vue使用vue-draggable 插件在不同列表之间拖拽功能
Mar 12 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操作JSON格式数据的实现代码
2011/12/24 PHP
PHP实现从远程下载文件的方法
2015/03/12 PHP
php常用字符串String函数实例总结【转换,替换,计算,截取,加密】
2016/12/07 PHP
Extjs4中tree的拖拽功能(可以两棵树之间拖拽) 简单实例
2013/12/08 Javascript
javascript轻量级模板引擎juicer使用指南
2014/06/22 Javascript
PHP中CURL的几个经典应用实例
2015/01/23 Javascript
全面解析Bootstrap表单使用方法(表单样式)
2015/11/24 Javascript
require简单实现单页应用程序(SPA)
2016/07/12 Javascript
JS获取input file绝对路径的方法(推荐)
2016/08/02 Javascript
JS正则表达式完美实现身份证校验功能
2017/10/18 Javascript
CentOS环境中MySQL修改root密码方法
2018/01/07 Javascript
实例分析编写vue组件方法
2019/02/12 Javascript
利用H5api实现时钟的绘制(javascript)
2020/09/13 Javascript
[01:01:36]Optic vs paiN 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
一键搞定python连接mysql驱动有关问题(windows版本)
2016/04/23 Python
Python中__init__.py文件的作用详解
2016/09/18 Python
Python中模块与包有相同名字的处理方法
2017/05/05 Python
轻松理解Python 中的 descriptor
2017/09/15 Python
使用Python进行AES加密和解密的示例代码
2018/02/02 Python
Django框架实现的分页demo示例
2019/05/25 Python
Python实现线性插值和三次样条插值的示例代码
2019/11/13 Python
python利用JMeter测试Tornado的多线程
2020/01/12 Python
Python日志处理模块logging用法解析
2020/05/19 Python
在Keras中利用np.random.shuffle()打乱数据集实例
2020/06/15 Python
基于CSS3实现的几个小loading效果
2018/09/27 HTML / CSS
AmazeUI 图标的示例代码
2020/08/13 HTML / CSS
给排水工程师岗位职责
2013/11/21 职场文书
市场营销个人求职信范文
2014/02/02 职场文书
出纳员岗位职责
2014/03/13 职场文书
标准的毕业生自荐信
2014/04/20 职场文书
雷人标语集锦
2014/06/19 职场文书
初婚未育证明样本
2014/10/24 职场文书
2014年个人工作总结报告
2014/11/27 职场文书
2014小学一年级班主任工作总结
2014/12/05 职场文书
2014年初三班主任工作总结
2014/12/05 职场文书
Django + Taro 前后端分离项目实现企业微信登录功能
2022/04/07 Python