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

在 stackoverflow 上有人提問：arrays - Why does [1,2] + [3,4] = "1,23,4" 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' 獲得 '42', 是一個字符串 string。