JavaScript中[1,2] + [3,4]為何不等於 [1,2,3,4]的問題解決

問題

我想將一個陣列追加到另一個陣列的後面，所以我在firebug 寫如下程式碼：

[1,2] + [3,4]

但是，出乎意料，它卻輸出了：

"1,23,4"

而沒有輸出我期望的：

[1,2,3,4]

答案

JavaScript 的+ 運算子有兩個目的：

• 將兩個數字相加；

• 將兩個字串連接。

規格並沒有定義 + 運算子在陣列上的行為，所以javascript 首先 把陣列轉換成字串，然後在字串上進行 + 運算。

如果想要連接兩個數組，可以使用數組的concat 方法：

#

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

javascript 中的+ 運算子概述

#JavaScript具有6 種內建資料型別： （譯註：從給定的連結來看，原作者的意思應該是原始型別系統的資料型別，JavaScript 事實上有兩套型別系統。第一套型別是用 <strong><span style="color: #ff0000;">typeof</span></strong> #來識別，稱為原始(primitive)型別系統，而第二套類型系統是以它為基礎，從object 這類型發展起來的，也就是物件型別系統，物件型別系統用 instanceof 來辨識。

#undefined
boolean
#number

• ##string

• function

• object

• #需要注意的是，

null  和 []<strong> <span style="color: #ff0000;">是兩個截然不同的型，當使用</span></strong> <strong><span style="color: #ff0000;"></span></strong><strong><span style="color: #ff0000;"></span></strong>

typeof

 運算時，它們都會回傳 object。 但是在使用 + 運算子時，這兩種情況下的工作方式是不同的。 在JavaScript 中，陣列不是基本型別，它的存在只是一個糖衣語法，它其實是 Array 類別的實例。 (ps：

function 其實也是Function 類別實例的醣衣語法。) 如果說現在你腦子還是清醒的，是時候加點兒猛料了。 javascript 的物件包裝器類型例如<strong> <span style="color: #ff0000;">new Number(5)</span></strong>, 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。 ###

以上是JavaScript中[1,2] + [3,4]為何不等於 [1,2,3,4]的問題解決的詳細內容。更多資訊請關注PHP中文網其他相關文章！