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操作Xml(向服务器发送Xml,处理服务器返回的Xml)(IE下有效)
Jan 30 Javascript
根据对象的某一属性进行排序的js代码(如:name,age)
Aug 10 Javascript
js取得url地址参数实例
Feb 22 Javascript
AngularJS表单编辑提交功能实例
Feb 13 Javascript
javascript实现很浪漫的气泡冒出特效
Sep 05 Javascript
JS判断日期格式是否合法的简单实例
Jul 11 Javascript
手机端实现Bootstrap简单图片轮播效果
Oct 13 Javascript
js将当前时间格式化为 年-月-日 时:分:秒的实现代码
Jan 20 Javascript
webpack多入口多出口的实现方法
Aug 17 Javascript
webpack+vue-cli项目中引入外部非模块格式js的方法
Sep 28 Javascript
vue3.0生命周期的示例代码
Sep 24 Javascript
Ant-design-vue Table组件customRow属性的使用说明
Oct 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
首页四格,首页五格For6.0(GBK)(UTF-8)[12种组合][9-18][版主安装测试通过]
2007/09/24 PHP
PHP学习笔记(二):变量详解
2015/04/17 PHP
PHP实现简单汉字验证码
2015/07/28 PHP
PHP Ajax跨域问题解决方案代码实例
2020/08/01 PHP
JavaScript高级程序设计阅读笔记(六) ECMAScript中的运算符(二)
2012/02/27 Javascript
ExtJS4 Grid改变单元格背景颜色及Column render学习
2013/02/06 Javascript
node.js中的http.response.addTrailers方法使用说明
2014/12/14 Javascript
jQuery实现企业网站横幅焦点图切换功能实例
2015/04/30 Javascript
jQuery.each使用详解
2015/07/07 Javascript
coffeescript使用的方式汇总
2015/08/05 Javascript
实例解析jQuery插件EasyUI最常用的表单验证规则
2015/11/29 Javascript
微信小程序 火车票查询实例讲解
2016/10/17 Javascript
JavaScript控制输入框中只能输入中文、数字和英文的方法【基于正则实现】
2017/03/03 Javascript
详解node.js搭建代理服务器请求数据
2017/04/08 Javascript
AngularJS中scope的绑定策略实例分析
2017/10/30 Javascript
jQuery 获取除某指定对象外的其他对象 ( :not() 与.not())
2018/10/10 jQuery
JS轮播图的实现方法
2020/08/24 Javascript
Python使用MYSQLDB实现从数据库中导出XML文件的方法
2015/05/11 Python
python运行其他程序的实现方法
2017/07/14 Python
Python中使用支持向量机(SVM)算法
2017/12/26 Python
python:print格式化输出到文件的实例
2018/05/14 Python
python调用百度语音识别实现大音频文件语音识别功能
2018/08/30 Python
python进行TCP端口扫描的实现
2018/12/21 Python
Python给图像添加噪声具体操作
2019/03/03 Python
深入解析Python小白学习【操作列表】
2019/03/23 Python
Python3 使用map()批量的转换数据类型,如str转float的实现
2019/11/29 Python
python实现跨excel sheet复制代码实例
2020/03/03 Python
一篇文章带你搞定Ubuntu中打开Pycharm总是卡顿崩溃
2020/11/02 Python
Free People中国官网:波西米亚风格女装服饰
2016/08/30 全球购物
Linux机考试题
2015/10/16 面试题
简单的项目建议书模板
2014/03/12 职场文书
绿色家庭事迹材料
2014/05/01 职场文书
幼儿教师年度个人总结
2015/02/05 职场文书
企业工会工作总结2015
2015/05/13 职场文书
观后感的写法
2015/06/19 职场文书
跟班学习心得体会(共6篇)
2016/01/23 职场文书