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 相关文章推荐
jQeury淡入淡出需要注意的问题
Sep 08 Javascript
读JavaScript DOM编程艺术笔记
Nov 15 Javascript
JQuery魔力之$("tagName")与selector
Mar 05 Javascript
jQuery的:parent选择器定义和用法
Jul 01 Javascript
jquery得到iframe src属性值的方法
Sep 25 Javascript
javascript实现动态改变层大小的方法
May 14 Javascript
实例详解ECMAScript5中新增的Array方法
Apr 05 Javascript
微信小程序实现tab切换效果
Nov 21 Javascript
vue 实现在函数中触发路由跳转的示例
Sep 01 Javascript
JS实现transform实现扇子效果
Jan 17 Javascript
vue等两个接口都返回结果再执行下一步的实例
Sep 08 Javascript
解决nuxt 自定义全局方法,全局属性,全局变量的问题
Nov 05 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 随机数的产生、页面跳转、件读写、文件重命名、switch语句
2009/08/07 PHP
解析PHP中数组元素升序、降序以及重新排序的函数
2013/06/20 PHP
2个比较经典的PHP加密解密函数分享
2014/07/01 PHP
thinkphp循环结构用法实例
2014/11/24 PHP
THINKPHP2.0到3.0有哪些改进之处
2015/01/04 PHP
为jquery.ui.dialog 增加“自动记住关闭时的位置”的功能
2009/11/24 Javascript
js下通过getList函数实现分页效果的代码
2010/09/17 Javascript
动态获取复选框checkbox选中个数的jquery代码
2013/06/25 Javascript
浅析JavaScript中的常用算法与函数
2013/11/21 Javascript
Javascript学习笔记之相等符号与严格相等符号
2014/11/23 Javascript
表单中单选框添加选项和移除选项
2016/07/04 Javascript
浅析Jquery操作select
2016/12/13 Javascript
javascript循环链表之约瑟夫环的实现方法
2017/01/16 Javascript
Angular2入门教程之模块和组件详解
2017/05/28 Javascript
jQuery实现的文字逐行向上间歇滚动效果示例
2017/09/06 jQuery
详解Angular5路由传值方式及其相关问题
2018/04/28 Javascript
Node.js 使用jade模板引擎的示例
2018/05/11 Javascript
详解vue-flickity的fullScreen功能实现
2020/04/07 Javascript
使用 UniApp 实现小程序的微信登录功能
2020/06/09 Javascript
[06:01]刀塔次级联赛top10第一期
2014/11/07 DOTA
[01:00:44]DOTA2上海特级锦标赛主赛事日 - 3 败者组第三轮#1COL VS Alliance第三局
2016/03/04 DOTA
基于python实现在excel中读取与生成随机数写入excel中
2018/01/04 Python
pycharm的console输入实现换行的方法
2019/01/16 Python
Python正则表达式急速入门(小结)
2019/12/16 Python
pytorch中torch.max和Tensor.view函数用法详解
2020/01/03 Python
tensorflow2.0的函数签名与图结构(推荐)
2020/04/28 Python
小狗电器官方商城:中国高端吸尘器品牌
2017/03/29 全球购物
行政人员工作职责
2013/12/05 职场文书
石油工程专业毕业生求职信
2014/04/13 职场文书
政府法律服务方案
2014/06/14 职场文书
学校领导班子对照检查材料
2014/08/28 职场文书
预备党员转正意见
2015/06/01 职场文书
市直属机关2016年主题党日活动总结
2016/04/05 职场文书
MySQL 用 limit 为什么会影响性能
2021/09/15 MySQL
详解Oracle数据库中自带的所有表结构(sql代码)
2021/11/20 Oracle
MySQL三种方式实现递归查询
2022/04/18 MySQL