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的ajax实现二级联互动菜单
Dec 02 Javascript
jquery和css3实现的炫酷时尚的菜单导航
Sep 01 Javascript
javascript实现控制的多级下拉菜单
Jul 05 Javascript
javascript实现下班倒计时效果的方法(可桌面通知)
Jul 10 Javascript
谈谈我对JavaScript原型和闭包系列理解(随手笔记8)
Dec 24 Javascript
Bootstrap基本插件学习笔记之标签切换(17)
Dec 08 Javascript
JS实现数组去重复值的方法示例
Feb 18 Javascript
$.browser.msie 为空或不是对象问题的多种解决方法
Mar 19 Javascript
JS设置随机出现2个数字的实例代码
Jul 19 Javascript
微信小程序实现分享到朋友圈功能
Jul 19 Javascript
如何在postman中添加cookie信息步骤解析
Jun 30 Javascript
vue 组件基础知识总结
Jan 26 Vue.js
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面向对象的方法重载两种版本比较
2008/09/08 PHP
php错误提示failed to open stream: HTTP request failed!的完美解决方法
2011/06/06 PHP
解析php中的fopen()函数用打开文件模式说明
2013/06/20 PHP
php保存任意网络图片到服务器的方法
2015/04/14 PHP
php使用标签替换的方式生成静态页面
2015/05/21 PHP
浅析PHP中的i++与++i的区别及效率
2016/06/15 PHP
javascript 原型模式实现OOP的再研究
2009/04/09 Javascript
JQuery中对Select的option项的添加、删除、取值
2013/08/25 Javascript
jquery bind(click)传参让列表中每行绑定一个事件
2014/08/06 Javascript
jQuery源码分析之Callbacks详解
2015/03/13 Javascript
jQuery实现商品活动倒计时
2015/10/16 Javascript
jquery css实现邮箱自动补全
2016/11/14 Javascript
jQuery插件ContextMenu自定义图标
2017/03/15 Javascript
修改UA在PC中访问只能在微信中打开的链接方法
2017/11/27 Javascript
详解使用webpack构建多页面应用
2017/12/21 Javascript
Layui给数据表格动态添加一行并跳转到添加行所在页的方法
2018/08/20 Javascript
vue实现路由切换改变title功能
2019/05/28 Javascript
js+HTML5 canvas 实现简单的加载条(进度条)功能示例
2019/07/16 Javascript
彻底搞懂并解决vue-cli4中图片显示的问题实现
2020/08/31 Javascript
Python2包含中文报错的解决方法
2018/07/09 Python
Python多进程写入同一文件的方法
2019/01/14 Python
深入浅析Python中的迭代器
2019/06/04 Python
python实现字典嵌套列表取值
2019/12/16 Python
Python3运算符常见用法分析
2020/02/14 Python
CSS3教程(10):CSS3 HSL声明设置颜色
2009/04/02 HTML / CSS
法国房车租赁网站:Yescapa
2019/08/26 全球购物
Currentbody法国:健康与美容高科技产品
2020/08/16 全球购物
工作室成员个人发展规划范文
2014/01/24 职场文书
2014年群众路线党员自我评议
2014/09/24 职场文书
党的群众路线教育实践活动专题组织生活会发言材料
2014/10/17 职场文书
2015年电厂工作总结范文
2015/05/13 职场文书
大学生军训感言
2015/08/01 职场文书
小学二年级班主任工作经验交流材料
2015/11/02 职场文书
Python基本数据类型之字符串str
2021/07/21 Python
springboot 自定义配置 解决Boolean属性不生效
2022/03/18 Java/Android
Fluentd搭建日志收集服务
2022/09/23 Servers