在javascript中，为何[1,2]+[3,4]不等于[1,2,3,4]？

在 stackoverflow 上有人发问：arrays &＃8211; Why does [1,2] + [3,4] = &＃8220;1,23,4&＃8221; in Javascript?

题目

我想将一个数组追加到另一个数组的背面，因而我在 firebug 编写以下代码：

[1,2] + [3,4]


然则，出人意料，它却输出了：

"1,23,4"


而没有输出我希冀的：

[1,2,3,4]


这是怎么回事呢？为何 [1,2] + [3,4] 不等于 [1,2,3,4]？

解答

Javascript 的 + 运算符有两个目标：

1. 将两个数相加；

2. 将两个字符串衔接。

范例并没有定义 + 运算符在数组上的行动，所以Javascript 起首 把数组转换成字符串，然后在字符串上举行 + 运算。

假如想衔接两个数组，能够运用数组的 concat 要领：

[1, 2].concat([3, 4]) // [1, 2, 3, 4]


Javascript 中的 + 运算符概述

Javascript 具有 6 种内置 数据范例： （译注：从给出的衔接看，原作者的意义应该是 原始范例体系 的数据范例，Javascript 现实上有两套范例体系。 第一套范例体系是用 typeof 来辨认，称之为原始(primitive)范例体系，而第二套范例体系是以它为基础，从 object 这一种范例中发展起来的，即对象范例体系，对象范例体系用 instanceof 来辨认。@justjavac）

• undefined

• boolean

• number

• string

• function

• object

须要注重的是，null 和 [] 是两个判然差别的范例，当运用 typeof 运算时，它们却都返回 object。 然则在运用 + 运算符时，在这两种情况下的工作体式格局是差别的。

在Javascript 中，数组不是基础范例，它的存在仅仅是一个糖衣语法，它实际上是 Array 类的实例。(ps：function 实在也是 Function 类实例的糖衣语法。)

假如说道如今你头脑照样苏醒的，是时刻加点儿猛料了。Javascript 的对象包装器范例比方 new Number(5), new Boolean(true) 和 new String("abc") 也都是 object 范例，它们不是数字，布尔，字符串。但是，关于算数运算符 Number 和 Boolean 表现的为数字。

还记得我前面说过的 + 运算符吗？它的操纵对象是 数字和字符串，也就是 Number，Boolean，String 或许 number，boolean，string。

下面的表格就是 + 运算符关于差别范例举行运算后，获得的效果范例

----------------------------------------------------------------------------------------
| undefined | boolean | number | string | function | object | null | array
----------------------------------------------------------------------------------------
undefined | number | number | number | string | string | string | number | string
boolean | number | number | number | string | string | string | number | string
number | number | number | number | string | string | string | number | string
string | string | string | string | string | string | string | string | string
function | string | string | string | string | string | string | string | string
object | string | string | string | string | string | string | string | string
null | number | number | number | string | string | string | number | string
array | string | string | string | string | string | string | string | string
-------------------------------------------------------------------------------------------


本表适用于 Chrome 13, Firefox 6, Opera 11 and IE9。课外作业：搜检其他的浏览器兼容性。

注重：用户自定义对象举行 + 运算不一定总发生一个字符串效果。这重要取决于 对象范例到原生范例转换 的完成体式格局。

比方：

var o = {
valueOf : function () { return 4; }
};


盘算 o + 2 将获得 6, 是一个数字 number；盘算 o + '2' 获得 &＃8217;42&＃8217;, 是一个字符串 string。