详解Javascript数据类型的转换规则


Posted in Javascript onDecember 12, 2016

一、数据类型

5种基本数据类型:Null/Undefined/String/Boolean/Number

1种复杂数据类型:Object

二、数据类型检测

传送门《JS中检测数据类型的几种方式及优缺点小结》

1、typeof

2、instanceof/constructor

3、Object.prototype.toString.call(value)

4、Object.prototype.toString

三、数据类型转换

JS内部提供不同数据类型的自动转换机制,在某处预期为某种类型而不是某种类型时,就会自动转换为预期类型,这就是我们常说的隐式转换。

1、强制类型转换

在了解隐式转换的规则前先来看看强制类型转换,强制类型转换主要是用Boolean()/String()/Number()将各类型的数据转换成布尔、字符串、数值型数据。

Boolean() 函数

当要转换的值是至少有一个字符的字符串、非 0 数字或对象时,Boolean() 函数将返回 true。如果该值是空字符串、数字 0、undefined 或 null,它将返回 false。

var b1 = Boolean(""); //false - 空字符串
var b2 = Boolean("hello"); //true - 非空字符串
var b1 = Boolean(50); //true - 非零数字
var b1 = Boolean(null); //false - null
var b1 = Boolean(0); //false - 零
var b1 = Boolean(new object()); //true - 对象

Number() 函数

Number() 函数的强制类型转换与 parseInt() 和 parseFloat() 方法的处理方式相似,只是它转换的是整个值,而不是部分值。

parseInt() 和 parseFloat() 方法只转换第一个无效字符之前的字符串,因此 "1.2.3" 将分别被转换为 "1" 和 "1.2"。

用 Number() 进行强制类型转换,"1.2.3" 将返回 NaN,因为整个字符串值不能转换成数字。如果字符串值能被完整地转换,Number() 将判断是调用 parseInt() 方法还是 parseFloat() 方法。

详解Javascript数据类型的转换规则

String() 函数

最后一种强制类型转换方法 String() 是最简单的,因为它可把任何值转换成字符串。

要执行这种强制类型转换,只需要调用作为参数传递进来的值的 toString() 方法,即把 12 转换成 "12",把 true 转换成 "true",把 false 转换成 "false",以此类推。

强制转换成字符串和调用 toString() 方法的唯一不同之处在于,对 null 和 undefined 值强制类型转换可以生成字符串而不引发错误:

var s1 = String(null); //"null"
var oNull = null;
var s2 = oNull.toString(); //会引发错误

2、自动类型转换

说完了强制类型转换,再来看看自动类型转换,实际上自动类型转换是建立在强制类型转换的基础上,当预期某个位置应该是某类型(布尔、数值、字符串)的数据时,就会调用相应的强制类型转换函数,这个是自动进行的。

*当JavaScript遇到预期为布尔值的地方(比如if语句的条件部分),就会将非布尔值的参数自动转换为布尔值。系统内部会自动调用Boolean函数。

因此除了以下六个值,其他都是自动转为true。

  • undefined
  • null
  • -0
  • 0或+0
  • NaN
  • ''(空字符串)

*当JavaScript遇到预期为字符串的地方,就会将非字符串的数据自动转为字符串。系统内部会自动调用String函数。

字符串的自动转换,主要发生在加法运算时。当一个值为字符串,另一个值为非字符串,则后者转为字符串。

*当JavaScript遇到预期为数值的地方,就会将参数值自动转换为数值。系统内部会自动调用Number函数。

除了加法运算符有可能把运算子转为字符串,其他运算符都会把运算子自动转成数值。

一元运算符也会把运算子转成数值。

+'abc' // NaN
-'abc' // NaN
+true // 1
-false // 0

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
用JavaScript脚本实现Web页面信息交互
Oct 11 Javascript
jQuery最佳实践完整篇
Aug 20 Javascript
使用javascript获取页面名称
Dec 23 Javascript
自定义百度分享的分享按钮
Mar 18 Javascript
js获取滚动距离的方法
May 30 Javascript
JavaScript检测上传文件大小的方法
Jul 22 Javascript
EasyUi combotree 实现动态加载树节点
Apr 01 Javascript
jQuery Chart图表制作组件Highcharts用法详解
Jun 01 Javascript
微信小程序 自己制作小组件实例详解
Dec 22 Javascript
详解Vue2 SSR 缓存 Api 数据
Nov 20 Javascript
Vue分页插件的前后端配置与使用
Oct 09 Javascript
JavaScript常用进制转换及位运算实例解析
Oct 14 Javascript
设置jquery UI 控件的大小方法
Dec 12 #Javascript
JS中检测数据类型的几种方式及优缺点小结
Dec 12 #Javascript
JS仿京东移动端手指拨动切换轮播图效果
Apr 10 #Javascript
JavaScript版经典游戏之扫雷游戏完整示例【附demo源码下载】
Dec 12 #Javascript
JavaScript利用正则表达式替换字符串中的内容
Dec 12 #Javascript
基于BootstrapValidator的Form表单验证(24)
Dec 12 #Javascript
Sequelize中用group by进行分组聚合查询
Dec 12 #Javascript
You might like
PHP利用REFERER根居访问来地址进行页面跳转
2013/09/28 PHP
不使用php api函数实现数组的交换排序示例
2014/04/13 PHP
PHP file_get_contents函数读取远程数据超时的解决方法
2015/05/13 PHP
php集成套件服务器xampp安装使用教程(适合第一次玩PHP的新手)
2015/06/03 PHP
php安装ssh2扩展的方法【Linux平台】
2016/07/20 PHP
Iframe自适应高度绝对好使的代码 兼容IE,遨游,火狐
2011/01/27 Javascript
js限制文本框只能输入数字(正则表达式)
2012/07/15 Javascript
关于onchange事件在IE和FF下的表现及解决方法
2014/03/08 Javascript
Express作者TJ告别Node.js奔向Go
2014/07/14 Javascript
JavaScript实现Java中StringBuffer的方法
2015/02/09 Javascript
详解addEventListener的三个参数之useCapture
2015/03/16 Javascript
整理AngularJS框架使用过程当中的一些性能优化要点
2016/03/05 Javascript
Vue-cli创建项目从单页面到多页面的方法
2017/09/20 Javascript
除Console.log()外更多的Javascript调试命令
2018/01/24 Javascript
node实现的爬虫功能示例
2018/05/04 Javascript
Vant的安装和配合引入Vue.js项目里的方法步骤
2018/12/05 Javascript
封装微信小程序http拦截器过程解析
2019/08/13 Javascript
python中yield的用法详解——最简单,最清晰的解释
2019/04/04 Python
安装docker-compose的两种最简方法
2019/07/30 Python
Python实现的爬取豆瓣电影信息功能案例
2019/09/15 Python
深入浅析Python 命令行模块 Click
2020/03/11 Python
pandas处理csv文件的方法步骤
2020/10/16 Python
Django缓存Cache使用详解
2020/11/30 Python
Python基于opencv的简单图像轮廓形状识别(全网最简单最少代码)
2021/01/28 Python
CSS3模拟动画下拉菜单效果
2017/04/12 HTML / CSS
html5 sessionStorage会话存储_动力节点Java学院整理
2017/07/06 HTML / CSS
德国消费电子产品购物网站:Guter Kauf
2020/09/15 全球购物
售后专员岗位职责
2013/12/08 职场文书
生产厂厂长岗位职责
2013/12/25 职场文书
竟聘演讲稿范文
2013/12/31 职场文书
社区党总支书记先进事迹材料
2014/01/24 职场文书
党校个人自我鉴定范文
2014/03/28 职场文书
大学生毕业评语
2014/12/31 职场文书
英语教师求职信范文
2015/03/20 职场文书
个人落户申请书怎么写?
2019/06/28 职场文书
MySQL GRANT用户授权的实现
2021/06/18 MySQL