javascript中数据类型的自动转换

一、自动转换为布尔值---Boolean （  if语句 的条件部分 ）

1） 当JavaScript遇到预期为布尔值的地方（比如if语句的条件部分），就会将非布尔值的参数自动转换为布尔值。

它的转换规则请参考博文 《javascript---强制数据类型转换》中Boolean部分，也就是说，在预期为布尔值的地方，系统内部会自动调用Boolean方法。

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

> undefined

>  null

>   +0

>   -0

>   NaN

>   '' 空数组

 

二、 自动转换为字符串---String

当JavaScript遇到预期为字符串的地方，就会将非字符串的数据自动转为字符串，转换规则与“强制转换为字符串”相同。

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

运算子之中，只要有一个是字符串，则另一个不管是什么类型，都会被自动转化为字符串，然后执行字符串连接运算。通俗说就是：加号（+）两边只要有字符串，就把相应的值转化成字符串，然后做字符串连接操作

ex:

6 + "abc"  //  "6abc"

"a" + 2   //  "a2"

 

 

三、 自动转换为数值

1) 除了加法运算符有可能把运算子转为字符串外，其他运算符---减乘除  都会把两侧的运算子自动转成数值。

当JavaScript遇到预期为数值的地方，就会将参数值自动转换为数值，转换规则与“强制转换为数值”相同。

ex:

"5" - "2"  //  3

"5" * "2"  //  10

true - 1  //  0

false -1  //  -1

"1" - 1  //  0

"5" * []  //  0

false / "5"  //  0

"abc" - 1   //  NaN  ---  "abc"转化成数值是NaN，和NaN做任何数值运算结果都是NaN

 

*以上是二元算数运算符的例子，JavaScript的两个一元算数运算符——正号（+）和负号（-）也会把运算子自动转为数值。

 

ex:

+ "abc"   //  NaN 

- "abc"   //  NaN 

+ true   //  1 

- false  //  0

- "5"  //   -5

 

2)运算子为数值或布尔值的时候 ，布尔值自动转换成数值

这种情况下，执行加法运算，布尔值转为数值（true为1，fal se为0）。

 

ex:

true + 5  //    6 

true + false   //   1 

true + true   //   2

5 - true   //    4 

true * 8    //   8

 

四、运算子中存在对象

运算子之中存在对象（或者准确地说，存在非原始类型的值），则先调用该对象的val ueOf方法。如果返回结果为原始类型的值，则运用上面的规则；否则继续调用该对象的toString方法，对其返回值运用上面两条规则。

ex：

1 + [1,2]    //    "11,2"  ---   先调用[1,2].val ueOf()，结果还是数组[1,2]本身，则继续调用[1,2].toString()，结果字符串“1,2”，所以最终结果为字符串“11,2”。

 

1 + {a:1}     //    "1[object Object]"    ---   先调用{a:1}的valueOf方法，返回的就是这个对象的本身，因此接着对它调用toString方法。({a:1}).toString()默认返回字符串"[object Object]"，所以最终结果就是字符串“1[object Object]”

 

 

 

{ a : 1 } + 1      //    1   ---    JavaScript引擎不将{a:1}视为对象，而是视为一个代码块，这个代码块没有返回值，所以被忽略。因此上面的代码，实际上等同于 {a:1};+1 ，所以最终结果就是1。为了避免这种情况，需要对{a:1}加上括号。如下

 

( { a : 1 } ) + 1      //     "[object Object]1"    ----    将{a:1}放置在括号之中，由于JavaScript引擎预期括号之中是一个值，所以不把它当作代码块处理，而是当作对象处理，所以最终结果为“[object Object]1”。

 

五、四个特殊表达式

1) 空数组 + 空数组

     [] + []   //   ""    ---      首先，对空数组调用valueOf方法，返回的是数组本身；因此再对空数组调用

toString方法，生成空字符串；所以，最终结果就是空字符串。

 

2) 空数组 + 空对象

    [ ]  +  { }    //    "[object Object]"     ---   这等同于空字符串与字符串“[object Object]”相加。因此，结果就是“[object Object]”。

 

3) 空对象 + 空 数组

   { }   + []      //   0        ---      JavaScript引擎将空对象视为一个空的代码块，加以忽略。因此，整个表达式就

变成“+ []”，等于对空数组求正值，因此结果就是0。

转化过程如下：+   [ ]

//   Number ( [ ] )

//   Number ( [ ] . toString ( ) )

//   Number ( " " )

//   0

如果JavaScript不把前面的空对象视为代码块，则结果为字符串“[object Object]”。

( { } ) + [ ]     //    "[object Object]"

 

4) 空对象 +  空对象

{ }   +   { }    //    NaN     ---      JavaScript同样将第一个空对象视为一个空代码块，整个表达式就变成“+ {}”。这时，后一个空对象的Val ueOf方法得到本身，再调用toSting方法，得到字符串“[object Object]”，然后再将这个字符串转成数值，得到NaN。所以，最后的结果就是NaN。

转化过程如下：  +   { }

//  Number( { } )

//  Number( { } . toString ( ) )

//  Number( " [ object      Object  ] " )

 

如果，第一个空对象不被JavaScript视为空代码块，就会得到“[object Object][object Object]”的结果。

( { } )   +   { }     / /     "  [object Object][object Object] "

( { }   +   { } )    / /      "  [object Object][object Object] "  

console . log ( { }   +   { } )        / /   "  [object Object][object Object]"

var   a   =   { }   +   { } ;      a         / /   " [object Object][object Object] "

 

需要指出的是，对于第三和第四种情况，Node.j s的运行结果不同于浏览器环境。

{ }   +   { }     / /     "   [object Object]   [object Object]"

{ }   +   [ ]   / /   "   [object Object] "

可以看到，Node.j s没有把第一个空对象视为代码块。原因是Node.j s的命令行环境，内部执行机制大概是下面的样子：

eval . call ( this , " ( function ( ) { return   { }   +   { } } ) . call ( this ) " )

Node.j s把命令行输入都放在eval中执行，所以不会把起首的大括号理解为空代码块加以忽略。