JS相关

JS数据类型转换

2017-07-27  本文已影响22人  胡小胖_

JavaScript 是一种弱类型的语言,也就是没有类型限制,变量可以随时被赋予任意值。
同时,在程序运行过程中,类型会被自动确认的。因此,这就是涉及到数据的类型转换。在 JS 的世界中,数据类型转换可以分为类型的显示转换隐式转换

JavaScript 中的显示转换

JS 中的显示转换主要指的就是手动转换为 数值、字符串、布尔值。
任意值转换为数值

// 数值:转换后还是原来的值
Number(324) // 324

// 字符串:如果可以被解析为数值,则转换为相应的数值
Number('324') // 324

// 字符串:如果不可以被解析为数值,返回NaN
Number('324abc') // NaN

// 空字符串转为0
Number('') // 0

// 布尔值:true 转成1,false 转成0
Number(true) // 1
Number(false) // 0

// undefined:转成 NaN
Number(undefined) // NaN

// null:转成0
Number(null) // 0
Number({a: 1}) // NaN
Number([1, 2, 3]) // NaN
Number([5]) // 5

对象的转换规则:
调用对象自身的valueOf方法。如果返回基本类型的值,则直接对该值使用Number函数,不再进行后续步骤。
如果valueO方法返回的还是对象,则改为调用对象自身的toString方法。如果toStrin方法返回基本类型的值,则对该值使用Numbe函数,不再进行后续步骤。
如果toStrin方法返回的是对象,就报错。

任意值转化为字符串

String(123) // "123"
String('abc') // "abc"
String(true) // "true"
String(undefined) // "undefined"
String(null) // "null"
String({a: 1}) // "[object Object]"
String([1, 2, 3]) // "1,2,3"

对象转换规则:
先调用对象自身的toString方法。如果返回基本类型的值,则对该值使用String函数,不再进行以下步骤。
如果toString方法返回的是对象,再调用原对象的valueO方法。如果valueOf方法返回基本类型的值,则对该值使用String函数,不再进行以下步骤。
如果valueOf方法返回的是对象,就报错。

任意值转换为布尔值
使用 Boolean 函数,以下六个值的转换结果为false:

其他的任意值都是true,包括所有对象,即使是空对象

Boolean(new Boolean(false)) // true

甚至连false对应的布尔对象new Boolean(false)也是true

JavaScript 中的隐式转换

数据类型既然有显示的转换,就有隐式转换,而数据的隐式转化主要是发生在JS中的运算符操作流程控制语句中。

// 1. 不同类型的数据互相运算
123 + 'abc' // "123abc"

// 2. 对非布尔值类型的数据求布尔值
if ('abc') {
console.log('hello')
} // "hello"

// 3. 对非数值类型的数据使用一元运算符(即“+”和“-”)
+ {foo: 'bar'} // NaN
- [1, 2, 3] // NaN

这其中有两个隐式转化需要特别注意:”==“”+“
“ + “号有两种用途:一是作为加法运算符,二是作为连接运算符

// 当其中一个是字符串,不管另一个是什么,都会转换为字符串
"1" + "2" // "12"
"1" + 2 // "12"
"1" + true // "1true"

// 两边是数值或者布尔值(false转换为0,true转换为1),均相加
true + 1 // 2
ture + true // 2
ture + false // 0
1 + 2 // 3

还有一种情况是:
其中一边或者两都存在对象,则先调用该对象的valueOf方法。如果返回结果为原始类型的值,则运用上面两条规则;否则继续调用该对象的toString方法,对其返回值运用上面两条规则

1 + {} // 1[object Object]
1 + [] // 1 注意:这里空数组最终返回空字符串
1 + [1,2] // 11,2

function a() {
return 2;
}
1 + a // 1function a() {return 2}
1 + a() // 3

再来看” == “

还要注意的是:
并不是对象转换为字符串就是只调用 toString(),数值就只调用 valueOf()。
大多数对象(Date对象就是例外)的转换会先调用valueOf()方法,再调用toString()方法
参考资料:
《JavaScript 高级程序设计》(第三版)
http://javascript.ruanyifeng.com/grammar/conversion.html#toc2
http://www.css88.com/archives/5199
http://www.haorooms.com/post/js_yinxingleixing

上一篇下一篇

猜你喜欢

热点阅读