详解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 相关文章推荐
Prototype1.5 rc2版指南最后一篇之Position
Jan 10 Javascript
JavaScript语言对Unicode字符集的支持详解
Dec 30 Javascript
EasyUI,点击开启编辑框,并且编辑框获得焦点的方法
Mar 01 Javascript
JavaScript给url网址进行encode编码的方法
Mar 18 Javascript
基于jQuery实现的无刷新表格分页实例
Feb 17 Javascript
分享12个实用的jQuery代码片段
Mar 09 Javascript
JS如何判断json是否为空
Jul 06 Javascript
javascript 中Cookie读、写与删除操作
Mar 29 Javascript
jQuery+ajax实现局部刷新的两种方法
Jun 08 jQuery
Vue导出json数据到Excel电子表格的示例
Dec 04 Javascript
JavaScript实现的反序列化json字符串操作示例
Jul 18 Javascript
Vue + Elementui实现多标签页共存的方法
Jun 12 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
Zend Studio 无法启动的问题解决方法
2008/12/04 PHP
PHP过滤★等特殊符号的正则
2014/01/27 PHP
通过PHP自带的服务器来查看正则匹配结果的方法
2015/12/24 PHP
PHP Yaf框架的简单安装使用教程(推荐)
2016/06/08 PHP
PHP实现的敏感词过滤方法示例
2019/03/06 PHP
一段利用WSH修改和查看IP配置的代码
2008/05/11 Javascript
JQuery的Alert消息框插件使用介绍
2010/10/09 Javascript
js获取本机的外网/广域网ip地址完整源码
2013/08/12 Javascript
Jquery获得控件值的三种方法总结
2014/02/13 Javascript
jQuery 1.9.1源码分析系列(十五)之动画处理
2015/12/03 Javascript
jQuery插件实现带圆点的焦点图片轮播切换
2016/01/18 Javascript
js提交form表单,并传递参数的实现方法
2016/05/25 Javascript
Javascript 实现微信分享(QQ、朋友圈、分享给朋友)
2016/10/21 Javascript
nodejs微信扫码支付功能实现
2018/02/17 NodeJs
详解使用mocha对webpack打包的项目进行"冒烟测试"的大致流程
2020/04/27 Javascript
vue 数据双向绑定的实现方法
2021/03/04 Vue.js
python网络编程学习笔记(10):webpy框架
2014/06/09 Python
详解Python实现按任意键继续/退出的功能
2016/08/19 Python
Python获取本机所有网卡ip,掩码和广播地址实例代码
2018/01/22 Python
python之从文件读取数据到list的实例讲解
2018/04/19 Python
selenium处理元素定位点击无效问题
2019/06/12 Python
解决yum对python依赖版本问题
2019/07/05 Python
使用pyshp包进行shapefile文件修改的例子
2019/12/06 Python
Django集成celery发送异步邮件实例
2019/12/17 Python
python词云库wordcloud的使用方法与实例详解
2020/02/17 Python
Python开发之pip安装及使用方法详解
2020/02/21 Python
Python实现树莓派摄像头持续录像并传送到主机的步骤
2020/11/30 Python
IE矩阵Matrix滤镜旋转与缩放及如何结合transform
2012/11/29 HTML / CSS
大学生实习鉴定评语
2014/04/25 职场文书
关于保护环境的标语
2014/06/09 职场文书
竞选班干部演讲稿600字
2014/08/20 职场文书
护理专业自荐信范文
2015/03/06 职场文书
队列队形口号
2015/12/25 职场文书
Spring Cache和EhCache实现缓存管理方式
2021/06/15 Java/Android
nginx从安装到配置详细说明(安装,安全配置,防盗链,动静分离,配置 HTTPS,性能优化)
2022/02/12 Servers
SQL Server 忘记密码以及重新添加新账号
2022/04/26 SQL Server