html5中文学习网

您的位置: 首页 > 网站及特效实例 > javascript特效 » 正文

详解Javascript数据类型的转换规则_javascript技巧_

[ ] 已经帮助:人解决问题

一、数据类型seTHTML5中文学习网 - HTML5先行者学习网

5种基本数据类型:Null/Undefined/String/Boolean/NumberseTHTML5中文学习网 - HTML5先行者学习网

1种复杂数据类型:ObjectseTHTML5中文学习网 - HTML5先行者学习网

二、数据类型检测seTHTML5中文学习网 - HTML5先行者学习网

传送门《JS中检测数据类型的几种方式及优缺点小结seTHTML5中文学习网 - HTML5先行者学习网

1、typeofseTHTML5中文学习网 - HTML5先行者学习网

2、instanceof/constructorseTHTML5中文学习网 - HTML5先行者学习网

3、Object.prototype.toString.call(value)seTHTML5中文学习网 - HTML5先行者学习网

4、Object.prototype.toStringseTHTML5中文学习网 - HTML5先行者学习网

三、数据类型转换seTHTML5中文学习网 - HTML5先行者学习网

JS内部提供不同数据类型的自动转换机制,在某处预期为某种类型而不是某种类型时,就会自动转换为预期类型,这就是我们常说的隐式转换。seTHTML5中文学习网 - HTML5先行者学习网

1、强制类型转换seTHTML5中文学习网 - HTML5先行者学习网

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

Boolean() 函数seTHTML5中文学习网 - HTML5先行者学习网

当要转换的值是至少有一个字符的字符串、非 0 数字或对象时,Boolean() 函数将返回 true。如果该值是空字符串、数字 0、undefined 或 null,它将返回 false。seTHTML5中文学习网 - HTML5先行者学习网

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

Number() 函数seTHTML5中文学习网 - HTML5先行者学习网

Number() 函数的强制类型转换与 parseInt() 和 parseFloat() 方法的处理方式相似,只是它转换的是整个值,而不是部分值。seTHTML5中文学习网 - HTML5先行者学习网

parseInt() 和 parseFloat() 方法只转换第一个无效字符之前的字符串,因此 "1.2.3" 将分别被转换为 "1" 和 "1.2"。seTHTML5中文学习网 - HTML5先行者学习网

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

seTHTML5中文学习网 - HTML5先行者学习网

String() 函数seTHTML5中文学习网 - HTML5先行者学习网

最后一种强制类型转换方法 String() 是最简单的,因为它可把任何值转换成字符串。seTHTML5中文学习网 - HTML5先行者学习网

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

强制转换成字符串和调用 toString() 方法的唯一不同之处在于,对 null 和 undefined 值强制类型转换可以生成字符串而不引发错误:seTHTML5中文学习网 - HTML5先行者学习网

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

2、自动类型转换seTHTML5中文学习网 - HTML5先行者学习网

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

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

因此除了以下六个值,其他都是自动转为true。seTHTML5中文学习网 - HTML5先行者学习网

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

*当JavaScript遇到预期为字符串的地方,就会将非字符串的数据自动转为字符串。系统内部会自动调用String函数。seTHTML5中文学习网 - HTML5先行者学习网

字符串的自动转换,主要发生在加法运算时。当一个值为字符串,另一个值为非字符串,则后者转为字符串。seTHTML5中文学习网 - HTML5先行者学习网

*当JavaScript遇到预期为数值的地方,就会将参数值自动转换为数值。系统内部会自动调用Number函数。seTHTML5中文学习网 - HTML5先行者学习网

除了加法运算符有可能把运算子转为字符串,其他运算符都会把运算子自动转成数值。seTHTML5中文学习网 - HTML5先行者学习网

一元运算符也会把运算子转成数值。seTHTML5中文学习网 - HTML5先行者学习网
seTHTML5中文学习网 - HTML5先行者学习网

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

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持脚本之家!seTHTML5中文学习网 - HTML5先行者学习网

(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助