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 相关文章推荐
使一个函数作为另外一个函数的参数来运行的javascript代码
Aug 13 Javascript
CLASS_CONFUSION JS混淆 全源码
Dec 12 Javascript
JS 继承实例分析
Nov 04 Javascript
Javascript中浮点数相乘的一个解决方法
Jun 03 Javascript
Egret引擎开发指南之运行项目
Sep 03 Javascript
jQuery判断当前点击的是第几个li的代码
Sep 26 Javascript
JS+CSS简单树形菜单实现方法
Sep 12 Javascript
jQuery隐藏和显示效果实现
Apr 06 Javascript
使用jquery如何获取时间
Oct 13 Javascript
Bootstrap fileinput文件上传组件使用详解
Jun 06 Javascript
详解如何在vue项目中引入elementUI组件
Feb 11 Javascript
React Native使用fetch实现图片上传的示例代码
Mar 07 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
Protoss热键控制
2020/03/14 星际争霸
利用递归把多维数组转为一维数组的函数
2006/10/09 PHP
php输出xml格式字符串(用的这个)
2012/07/12 PHP
浅析PHP微信支付通知的处理方式
2014/05/25 PHP
php DES加密算法实例分析
2019/09/18 PHP
tp5框架无刷新分页实现方法分析
2019/09/26 PHP
myFocus slide3D v1.1.0 使用方法与下载
2011/01/12 Javascript
扩展jquery实现客户端表格的分页、排序功能代码
2011/03/16 Javascript
jQuery设置div一直在页面顶部显示的方法
2013/10/24 Javascript
jquery插件NProgress.js制作网页加载进度条
2015/06/05 Javascript
javascript实现简易计算器的代码
2016/05/31 Javascript
原生Javascript和jQuery做轮播图简单例子
2016/10/11 Javascript
JS+HTML5实现的前端购物车功能插件实例【附demo源码下载】
2016/10/17 Javascript
BootStrap中关于Select下拉框选择触发事件及扩展
2016/11/22 Javascript
jQuery Ajax 实现在html页面实时显示用户登录状态
2016/12/30 Javascript
javascript cookie的基本操作(添加和删除)
2017/07/24 Javascript
Vue.JS实现垂直方向展开、收缩不定高度模块的JS组件
2018/06/19 Javascript
彻底揭秘keep-alive原理(小结)
2019/05/05 Javascript
JavaScript如何实现元素全排列实例代码
2019/05/14 Javascript
Vue3.0中的monorepo管理模式的实现
2019/10/14 Javascript
Nest.js 授权验证的方法示例
2021/02/22 Javascript
[43:35]EG vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
Python数据结构之Array用法实例
2014/10/09 Python
Django基础之Model操作步骤(介绍)
2017/05/27 Python
Python callable内置函数原理解析
2020/03/05 Python
Python在终端通过pip安装好包以后在Pycharm中依然无法使用的问题(三种解决方案)
2020/03/10 Python
基于Python编写一个计算器程序,实现简单的加减乘除和取余二元运算
2020/08/05 Python
python 两种方法修改文件的创建时间、修改时间、访问时间
2020/09/26 Python
CSS3制作精致的照片墙特效
2016/06/07 HTML / CSS
css图标制作教程制作云图标
2014/01/19 HTML / CSS
Probikekit日本:自行车套件,跑步和铁人三项装备
2017/04/03 全球购物
印度在线购物网站:Paytmmall
2019/07/24 全球购物
2016年元旦主持词
2015/07/06 职场文书
旅游安全责任协议书
2016/03/22 职场文书
jquery插件实现搜索历史
2021/04/24 jQuery
Python趣味挑战之实现简易版音乐播放器
2021/05/28 Python