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 相关文章推荐
30个最佳jQuery Lightbox效果插件分享
Apr 11 Javascript
jquery 之 $().hover(func1, funct2)使用方法
Jun 14 Javascript
JS动态获取当前时间,并写到特定的区域
May 03 Javascript
jquery中ajax函数执行顺序问题之如何设置同步
Feb 28 Javascript
一个JavaScript去除字符串末尾的空白实例代码
Sep 22 Javascript
jQuery Ajax使用实例
Apr 16 Javascript
原生JS实现美图瀑布流布局赏析
Sep 07 Javascript
jquery+ajax实现注册实时验证实例详解
Dec 08 Javascript
jQuery拖拽排序插件制作拖拽排序效果(附源码下载)
Feb 23 Javascript
JavaScript面向对象分层思维全面解析
Nov 22 Javascript
Js 利用正则表达式和replace函数获取string中所有被匹配到的文本(推荐)
Oct 28 Javascript
Three.js中矩阵和向量的使用教程
Mar 19 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
Zend Studio去除编辑器的语法警告设置方法
2012/10/24 PHP
PHP OPP机制和模式简介(抽象类、接口和契约式编程)
2014/06/09 PHP
PHP实现Unicode编码相互转换的方法示例
2020/11/17 PHP
PHP生成二维码与识别二维码的方法详解【附源码下载】
2019/03/07 PHP
Aster vs Newbee BO3 第三场2.18
2021/03/10 DOTA
Locate a File Using a File Open Dialog Box
2007/06/18 Javascript
JavaScript Event学习第十一章 按键的检测
2010/02/10 Javascript
js网页中的(运行代码)功能实现思路
2013/02/04 Javascript
什么是cookie?js手动创建和存储cookie
2014/05/27 Javascript
Backbone.js中的集合详解
2015/01/14 Javascript
深入理解JavaScript系列(49):Function模式(上篇)
2015/03/04 Javascript
JavaScript常用脚本汇总(二)
2015/03/04 Javascript
js获取当前日期时间及其它操作汇总
2015/04/17 Javascript
JavaScript深度复制(deep clone)的实现方法
2016/02/19 Javascript
基于JS如何实现给字符加千分符(65,541,694,158)
2016/08/03 Javascript
js继承实现方法详解
2016/12/16 Javascript
Angular中的$watch、$watchGroup、$watchCollection
2017/06/25 Javascript
使用AngularJS对表单提交内容进行验证的操作方法
2017/07/12 Javascript
Vue实现typeahead组件功能(非常靠谱)
2017/08/26 Javascript
js实现敏感词过滤算法及实现逻辑
2018/07/24 Javascript
angularjs中判断ng-repeat是否迭代完的实例
2018/09/12 Javascript
使用JavaScript破解web
2018/09/28 Javascript
通过实例了解Javascript柯里化流程
2020/03/03 Javascript
MAC平台基于Python Appium环境搭建过程图解
2020/08/13 Python
20行Python代码实现一款永久免费PDF编辑工具的实现
2020/08/27 Python
通过实例解析python subprocess模块原理及用法
2020/10/10 Python
一个不错的HTML5 Canvas多层点击事件监听实例
2014/04/29 HTML / CSS
Parfume Klik丹麦:香水网上商店
2018/07/10 全球购物
Cocopanda波兰:购买化妆品、护肤品、护发和香水
2020/05/25 全球购物
新郎父亲婚宴答谢词
2014/01/11 职场文书
四查四看自我剖析材料
2014/09/19 职场文书
征用土地赔偿协议书
2014/09/26 职场文书
六五普法宣传标语
2014/10/06 职场文书
大学生求职自荐信范文
2015/03/04 职场文书
倡议书的格式写法
2015/04/28 职场文书
MySQL数据库事务的四大特性
2022/04/20 MySQL