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 相关文章推荐
图片放大镜jquery.jqzoom.js使用实例附放大镜图标
Jun 19 Javascript
jQuery 中$(this).index与$.each的使用指南
Nov 20 Javascript
HTML5+setCutomValidity()函数验证表单实例分享
Apr 24 Javascript
JavaScript类继承及实例化的方法
Jul 25 Javascript
JS实现无限级网页折叠菜单(类似树形菜单)效果代码
Sep 17 Javascript
JavaScript常用基础知识强化学习
Dec 09 Javascript
three.js实现围绕某物体旋转
Jan 25 Javascript
jquery+ajax实现省市区三级联动 (封装和不封装两种方式)
May 15 jQuery
JavaScript实现获取select下拉框中第一个值的方法
Feb 06 Javascript
结合Vue控制字符和字节的显示个数的示例
May 17 Javascript
vue router总结 $router和$route及router与 router与route区别
Jul 05 Javascript
JavaScript实现鼠标经过表格某行时此行变色
Nov 20 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 和 COM
2006/10/09 PHP
php环境无法上传文件的解决方法
2014/04/30 PHP
搭建基于Docker的PHP开发环境的详细教程
2015/07/01 PHP
Yii2如何批量添加数据
2016/05/17 PHP
Alliance vs Liquid BO3 第二场2.13
2021/03/10 DOTA
jQuery autocomplate 自扩展插件、自动完成示例代码
2011/03/28 Javascript
js选取多个或单个元素的实现代码(用class)
2012/08/22 Javascript
js遍历td tr等html元素
2012/12/13 Javascript
JavaScript中把数字转换为字符串的程序代码
2013/06/19 Javascript
jQuery针对各类元素操作基础教程
2014/08/29 Javascript
简单谈谈node.js 版本控制 nvm和 n
2015/10/15 Javascript
jquery获取文档高度和窗口高度汇总
2016/01/25 Javascript
javascript数组对象常用api函数小结(连接,插入,删除,反转,排序等)
2016/09/20 Javascript
vue 实现小程序或商品秒杀倒计时
2019/04/14 Javascript
React中使用UMEditor的方法示例
2019/12/27 Javascript
用Angular实现一个扫雷的游戏示例
2020/05/15 Javascript
Vue自定义render统一项目组弹框功能
2020/06/07 Javascript
[51:39]DOTA2-DPC中国联赛 正赛 Magma vs LBZS BO3 第二场 2月7日
2021/03/11 DOTA
Python读写Excel文件的实例
2013/11/01 Python
python 自动化将markdown文件转成html文件的方法
2016/09/23 Python
python中实现指定时间调用函数示例代码
2017/09/08 Python
python中使用PIL制作并验证图片验证码
2018/03/15 Python
python 地图经纬度转换、纠偏的实例代码
2018/08/06 Python
tensorflow使用神经网络实现mnist分类
2018/09/08 Python
Python爬取成语接龙类网站
2018/10/19 Python
Python3.6实现带有简单界面的有道翻译小程序
2019/04/16 Python
Python实现多线程/多进程的TCP服务器
2019/09/03 Python
加拿大著名时装品牌:SOIA & KYO
2016/08/23 全球购物
中国茶叶、茶具一站式网上购物商城:醉品茶城
2018/07/03 全球购物
Java程序员常见面试题
2015/07/16 面试题
视光学毕业生自荐书范文
2014/02/13 职场文书
民主评议政风行风整改方案
2014/09/17 职场文书
学校远程教育工作总结
2015/08/11 职场文书
党员电教片《信仰》心得体会
2016/01/15 职场文书
基于python制作简易版学生信息管理系统
2021/04/20 Python
一篇文章带你学习Mybatis-Plus(新手入门)
2021/08/02 Java/Android