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与Div对层定位和移动获得坐标的实现代码
Sep 08 Javascript
基于jquery的多彩百分比 动态进度条 投票效果显示效果实现代码
Aug 28 Javascript
javascript 保存文件到本地实现方法
Nov 29 Javascript
javascript仿qq界面的折叠菜单实现代码
Dec 12 Javascript
JS分页控件 可用于无刷新分页
Jul 23 Javascript
查询json的数据结构的8种方式简介
Mar 10 Javascript
jQuery on()方法使用技巧详解
Apr 16 Javascript
详解javascript中的事件处理
Nov 06 Javascript
详解百度百科目录导航树小插件
Jan 08 Javascript
解决循环中setTimeout执行顺序的问题
Jun 20 Javascript
js实现二级联动简单实例
Jan 11 Javascript
使用 Vue-TCB 快速在 Vue 应用中接入云开发的方法
Feb 10 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 冒泡排序 交换排序法
2011/05/10 PHP
php汉字转拼音的示例
2014/02/27 PHP
ThinkPHP之getField详解
2014/06/20 PHP
16个最流行的JavaScript框架[推荐]
2011/05/29 Javascript
使用Mootools动态添加Css样式表代码,兼容各浏览器
2011/12/12 Javascript
javascript常用功能汇总
2015/07/05 Javascript
JS实现的新浪微博大厅文字内容滚动效果代码
2015/11/05 Javascript
仿Angular Bootstrap TimePicker创建分钟数-秒数的输入控件
2016/07/01 Javascript
JavaScript Ajax编程 应用篇
2016/07/02 Javascript
原生JS实现垂直手风琴效果
2017/02/19 Javascript
bootstrap fileinput 插件使用项目总结(经验)
2017/02/22 Javascript
基于JavaScript实现移动端无限加载分页
2017/03/27 Javascript
解决Vue 通过下表修改数组,页面不渲染的问题
2018/03/08 Javascript
js实现轮播图的完整代码
2020/10/26 Javascript
微信小程序之onLaunch与onload异步问题详解
2019/03/28 Javascript
深入理解vue中的slot与slot-scope
2019/04/22 Javascript
nuxt引入组件和公共样式的操作
2020/11/05 Javascript
javascript实现下拉菜单效果
2021/02/09 Javascript
简单说明Python中的装饰器的用法
2015/04/24 Python
Python3如何解决字符编码问题详解
2017/04/23 Python
python儿童学游戏编程知识点总结
2019/06/03 Python
pytorch forward两个参数实例
2020/01/17 Python
Jupyter Notebook折叠输出的内容实例
2020/04/22 Python
如何打印出当前源文件的文件名以及源文件的当前行号
2015/04/05 面试题
会计找工作求职信范文
2013/12/09 职场文书
高一政治教学反思
2014/01/28 职场文书
点菜员岗位职责范本
2014/02/14 职场文书
委托书模板
2014/04/04 职场文书
会计学专业自荐信
2014/06/25 职场文书
投标承诺函格式
2015/01/21 职场文书
社区植树节活动总结
2015/02/06 职场文书
接待员岗位职责
2015/02/13 职场文书
中秋节作文(五年级)之关于月亮
2019/09/11 职场文书
JDBC连接的六步实例代码(与mysql连接)
2021/05/12 MySQL
Keras多线程机制与flask多线程冲突的解决方案
2021/05/28 Python
在HTML中引入CSS的几种方式介绍
2021/12/06 HTML / CSS