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 相关文章推荐
javascritp实现input输入框相关限制用法
Jun 29 Javascript
jQuery ajax 路由和过滤器使用说明
Aug 02 Javascript
js前台判断开始时间是否小于结束时间
Feb 23 Javascript
JQuery的Ajax请求实现局部刷新的简单实例
Feb 11 Javascript
jQuery实现鼠标滚动图片延迟加载效果附源码下载
Jun 28 Javascript
js上下视差滚动简单实现代码
Mar 07 Javascript
BootStrap表单验证 FormValidation 调整反馈图标位置的实例代码
May 17 Javascript
JS实现商品筛选功能
Aug 19 Javascript
angular2 组件之间通过service互相传递的实例
Sep 30 Javascript
微信小程序一周时间表功能实现
Oct 17 Javascript
微信小程序跨页面数据传递事件响应实现过程解析
Dec 19 Javascript
Vue实现购物车实例代码两则
May 30 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+javascript制作带提示的验证码源码分享
2014/05/28 PHP
php自定义截取中文字符串-utf8版
2017/02/27 PHP
jQuery+CSS 实现随滚动条增减的汽水瓶中的液体效果
2011/09/26 Javascript
自定义右键属性覆盖浏览器默认右键行为实现代码
2013/02/02 Javascript
javascript 使用 NodeList需要注意的问题
2013/03/04 Javascript
用javascript替换URL中的参数值示例代码
2014/01/27 Javascript
js 模式窗口(模式对话框和非模式对话框)的使用介绍
2014/07/17 Javascript
浅谈jQuery中 wrap() wrapAll() 与 wrapInner()的差异
2014/11/12 Javascript
嵌入式iframe子页面与父页面js通信的方法
2015/01/20 Javascript
javascript中的五种基本数据类型
2015/08/26 Javascript
举例说明如何为JavaScript的方法参数设置默认值
2015/11/17 Javascript
AngularJS ionic手势事件的使用总结
2017/08/09 Javascript
解决Vue-cli npm run build生产环境打包,本地不能打开的问题
2018/09/20 Javascript
vue.js层叠轮播效果的实例代码
2018/11/08 Javascript
详解关闭令人抓狂的ESlint 语法检测配置方法
2019/10/28 Javascript
关于vue利用postcss-pxtorem进行移动端适配的问题
2019/11/20 Javascript
为什么JavaScript中0.1 + 0.2 != 0.3
2020/12/03 Javascript
利用打码兔和超人打码自封装的打码类分享
2014/03/16 Python
Python isinstance函数介绍
2015/04/14 Python
Python多进程分块读取超大文件的方法
2016/04/13 Python
浅析python3字符串格式化format()函数的简单用法
2018/12/07 Python
Django实现学员管理系统
2019/02/26 Python
Django ORM 自定义 char 类型字段解析
2019/08/09 Python
如何基于pythonnet调用halcon脚本
2020/01/20 Python
Python3 shelve对象持久存储原理详解
2020/03/23 Python
基于opencv实现简单画板功能
2020/08/02 Python
Python pymsql模块的使用
2020/09/07 Python
Python Selenium操作Cookie的实例方法
2021/02/28 Python
Ryderwear澳洲官网:澳大利亚高端健身训练装备品牌
2018/09/18 全球购物
高三学习决心书
2014/03/11 职场文书
义务教育学校标准化建设汇报材料
2014/08/16 职场文书
2015年教师自我评价范文
2015/03/04 职场文书
实习证明模板
2015/06/16 职场文书
小学数学教学反思范文
2016/02/16 职场文书
golang通过递归遍历生成树状结构的操作
2021/04/28 Golang
Java的Object类的九种方法
2022/04/13 Java/Android