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之可拖动的iframe效果代码
Aug 01 Javascript
深入理解JavaScript系列(50):Function模式(下篇)
Mar 04 Javascript
JS特效实现图片自动播放并可控的效果
Jul 31 Javascript
解决JavaScript数字精度丢失问题的方法
Dec 03 Javascript
JS基于ocanvas插件实现的简单画板效果代码(附demo源码下载)
Apr 05 Javascript
Vuejs第七篇之Vuejs过渡动画案例全面解析
Sep 05 Javascript
js本地图片预览实现代码
Oct 09 Javascript
基于jQuery插件jqzoom实现的图片放大镜效果示例
Jan 23 Javascript
React学习之事件绑定的几种方法对比
Sep 24 Javascript
JS中Attr的用法详解
Oct 09 Javascript
详解Vue组件之作用域插槽
Nov 22 Javascript
JS实现简易计算器
Feb 14 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
浅谈ThinkPHP中initialize和construct的区别
2017/04/01 PHP
php实现微信公众平台发红包功能
2018/06/14 PHP
JQery 渐变图片导航效果代码 漂亮
2010/01/01 Javascript
DOM2非标准但却支持很好的几个属性小结
2012/01/21 Javascript
JS 日期比较大小的简单实例
2014/01/13 Javascript
基于NodeJS的前后端分离的思考与实践(五)多终端适配
2014/09/26 NodeJs
使用Ajax与服务器(JSON)通信实例
2016/11/04 Javascript
vue动态组件实现选项卡切换效果
2017/03/08 Javascript
关于vue.js组件数据流的问题
2017/07/26 Javascript
基于jstree使用AJAX请求获取数据形成树
2017/08/29 Javascript
微信小程序实现点击文字页面跳转功能【附源码下载】
2017/12/12 Javascript
使用js在layui中实现上传图片压缩
2019/06/18 Javascript
vue项目配置使用flow类型检查的步骤
2020/03/18 Javascript
详解Typescript 内置的模块导入兼容方式
2020/05/31 Javascript
微信小程序的引导页实现代码
2020/06/24 Javascript
Vue实现点击导航栏当前标签后变色功能
2020/08/19 Javascript
Python异常学习笔记
2015/02/03 Python
在Python下利用OpenCV来旋转图像的教程
2015/04/16 Python
python与sqlite3实现解密chrome cookie实例代码
2018/01/20 Python
Python3实现将本地JSON大数据文件写入MySQL数据库的方法
2018/06/13 Python
Python中创建二维数组
2018/10/17 Python
python编写简单端口扫描器
2019/09/04 Python
Python面向对象之多态原理与用法案例分析
2019/12/30 Python
tensorflow获取预训练模型某层参数并赋值到当前网络指定层方式
2020/01/24 Python
各大浏览器 CSS3 和 HTML5 兼容速查表 图文
2010/04/01 HTML / CSS
JACK & JONES瑞典官方网站:杰克琼斯欧式风格男装
2017/12/23 全球购物
水上运动奥特莱斯:Wasterports Outlet
2018/08/08 全球购物
Orlebar Brown官网:设计师泳裤和泳装
2020/12/08 全球购物
Auguste The Label官网:澳大利亚一家精品女装时尚品牌
2020/06/14 全球购物
幼儿教师演讲稿
2014/05/06 职场文书
婚内房产协议书范本
2014/10/02 职场文书
2014年质量管理工作总结
2014/12/01 职场文书
家长会欢迎词
2015/01/23 职场文书
家属联谊会致辞
2015/07/31 职场文书
话题作文之学会尊重
2019/12/16 职场文书
快速学习Oracle触发器和游标
2021/06/30 Oracle