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 相关文章推荐
服务端 VBScript 与 JScript 几个相同特性的写法 By shawl.qiu
Mar 06 Javascript
Javascript实现DIV滚动自动滚动到底部的代码
Mar 01 Javascript
JS弹出可拖拽可关闭的div层完整实例
Feb 13 Javascript
jQuery+Ajax实现无刷新操作
Jan 04 Javascript
移动端使用localStorage缓存Js和css文的方法(web开发)
Sep 20 Javascript
Web性能优化系列 10个提升JavaScript性能的技巧
Sep 27 Javascript
windows下vue.js开发环境搭建教程
Mar 20 Javascript
JS ES6多行字符串与连接字符串的表示方法
Apr 26 Javascript
vue 动态修改a标签的样式的方法
Jan 18 Javascript
深入浅析Vue.js中 computed和methods不同机制
Mar 22 Javascript
利用Blob进行文件上传的完整步骤
Aug 02 Javascript
vue实现移动端拖动排序
Aug 21 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
Zend Framework中的简单工厂模式 图文
2012/07/10 PHP
php利用cookies实现购物车的方法
2014/12/10 PHP
js禁止小键盘输入数字功能代码
2011/08/01 Javascript
JS实现点击下载的小例子
2013/07/10 Javascript
页面图片浮动左右滑动效果的简单实现案例
2014/02/10 Javascript
脚本合并提升javascript性能示例
2014/02/24 Javascript
jQuery scroll事件实现监控滚动条分页示例
2014/04/04 Javascript
JavaScript中的函数重载深入理解
2014/08/04 Javascript
js实现的页面矩阵图形变换特效
2016/01/26 Javascript
JS动态增删表格行的方法
2016/03/03 Javascript
jQuery validate验证插件使用详解
2016/05/11 Javascript
关于验证码在IE中不刷新的快速解决方法
2016/09/23 Javascript
微信小程序 底部导航栏目开发资料
2016/12/05 Javascript
js仿小米手机上下滑动效果
2017/02/05 Javascript
基于zepto.js实现登录界面
2017/10/09 Javascript
React Native验证码倒计时工具类分享
2017/10/24 Javascript
vue-router之nuxt动态路由设置的两种方法小结
2018/09/26 Javascript
微信小程序swiper实现滑动放大缩小效果
2018/11/15 Javascript
javascript 对象 与 prototype 原型用法实例分析
2019/11/11 Javascript
vue 输入电话号码自动按3-4-4分割功能的实现代码
2020/04/30 Javascript
jquery实现简单拖拽效果
2020/07/20 jQuery
[45:40]Ti4 冒泡赛第二天NEWBEE vs NaVi 1
2014/07/15 DOTA
使用Python的urllib2模块处理url和图片的技巧两则
2016/02/18 Python
Python timeit模块的使用实践
2020/01/13 Python
CSS3标注引用的出处和来源的方法
2020/02/25 HTML / CSS
用HTML5制作烟火效果的教程
2015/05/12 HTML / CSS
澳大利亚音乐商店:Bava’s Music City
2019/05/05 全球购物
简单而又朴实的个人求职信分享
2013/12/12 职场文书
给海归自荐信的建议
2013/12/13 职场文书
高中毕业生自我鉴定例文
2013/12/29 职场文书
会计师职业生涯规划范文
2014/02/18 职场文书
新学期决心书
2014/03/11 职场文书
音乐教师求职信
2014/06/28 职场文书
龙猫观后感
2015/06/09 职场文书
SpringBoot项目中控制台日志的保存配置操作
2021/06/18 Java/Android
python 中的jieba分词库
2021/11/23 Python