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输入用户名自动显示邮箱后缀列表的方法
Jan 27 Javascript
javascript实现随时变化着的背景颜色
Apr 02 Javascript
jQuery仿360导航页图标拖动排序效果代码分享
Aug 24 Javascript
JS组件Bootstrap实现图片轮播效果
May 16 Javascript
JavaScript实战(原生range和自定义特效)简单实例
Aug 21 Javascript
AngularJS动态绑定HTML的方法分析
Nov 07 Javascript
jQuery实现 RadioButton做必选校验功能
Jun 15 jQuery
Vue 实现展开折叠效果的示例代码
Aug 27 Javascript
angular5 子组件监听父组件传入值的变化方法
Sep 30 Javascript
JSON的parse()方法介绍
Jan 31 Javascript
vue实现多个echarts根据屏幕大小变化而变化实例
Jul 19 Javascript
原生js实现无缝轮播图效果
Jan 28 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
使用VisualStudio开发php的图文设置方法
2010/08/21 PHP
PHP排序之二维数组的按照字母排序实现代码
2011/08/13 PHP
PHP根据树的前序遍历和中序遍历构造树并输出后序遍历的方法
2017/11/10 PHP
15款优秀的jQuery导航菜单插件分享
2011/07/19 Javascript
Extjs4 关于Store的一些操作(加载/回调/添加)
2013/04/18 Javascript
javascript:;与javascript:void(0)使用介绍
2013/06/05 Javascript
jquery 自定义容器下雨效果可将下雨图标改为其他
2014/04/23 Javascript
JS实现两个大数(整数)相乘
2014/04/28 Javascript
JS实现很酷的EMAIL地址添加功能实例
2015/02/28 Javascript
在linux中使用包管理器安装node.js
2015/03/13 Javascript
bootstrap-treeview自定义双击事件实现方法
2016/01/09 Javascript
浅析Node.js实现HTTP文件下载
2016/08/05 Javascript
jQuery实现字符串全部替换的方法
2016/12/12 Javascript
详解javascript立即执行函数表达式IIFE
2017/02/13 Javascript
ES6新数据结构Set与WeakSet用法分析
2017/03/31 Javascript
利用Three.js如何实现阴影效果实例代码
2017/09/26 Javascript
Js实现复选框的全选、全不选反选功能代码实例
2020/02/28 Javascript
微信小程序获取当前时间及星期几的实例代码
2020/09/20 Javascript
JS hasOwnProperty()方法检测一个属性是否是对象的自有属性的方法
2021/01/29 Javascript
[53:20]2018DOTA2亚洲邀请赛 4.1 小组赛 A组加赛 VG vs OG
2018/04/03 DOTA
在Python中调用ggplot的三种方法
2015/04/08 Python
Python/ArcPy遍历指定目录中的MDB文件方法
2018/10/27 Python
Python 使用 attrs 和 cattrs 实现面向对象编程的实践
2019/06/12 Python
详解Anconda环境下载python包的教程(图形界面+命令行+pycharm安装)
2019/11/11 Python
Python如何输出整数
2020/06/07 Python
Python实现自动装机功能案例分析
2020/10/22 Python
CSS3地图动态实例代码(圆圈向外扩散)
2018/06/15 HTML / CSS
SmartBuyGlasses丹麦:网上购买名牌太阳镜、眼镜和隐形眼镜
2016/10/01 全球购物
有机婴儿毛毯和衣服:Monica + Andy
2020/03/01 全球购物
大学生实习思想汇报
2014/01/12 职场文书
写给学生的新学期寄语
2014/01/18 职场文书
新闻传媒系求职信范文
2014/04/19 职场文书
学校搬迁方案
2014/06/15 职场文书
2015大学生党员自我评价范文
2015/03/03 职场文书
Spring中bean的生命周期之getSingleton方法
2021/06/30 Java/Android
Python anaconda安装库命令详解
2021/10/16 Python