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]?
類似問題還有: 為什么 ++[[]][+[]]+[+[]] = 10?
解答
JavaScript 的 + 運算符有兩個目的:
-
將兩個數相加;
-
將兩個字符串連接。
規范并沒有定義 + 運算符在數組上的行為,所以javascript 首先 把數組轉換成字符串,然后在字符串上進行 + 運算。
如果想連接兩個數組,可以使用數組的 concat 方法:
[1, 2].concat([3, 4]) // [1, 2, 3, 4]
javascript 中的 + 運算符概述
下面簡單介紹一下 + 運算符。
JavaScript 具有 6 種內置 數據類型 : (譯注:從給出的連接看,原作者的意思應該是 原始類型系統 的數據類型,JavaScript 事實上有兩套類型系統。 第一套類型系統是用 typeof 來識別,稱之為原始(primitive)類型系統,而第二套類型系統是以它為基礎,從 object 這一種類型中發展起來的,即對象類型系統,對象類型系統用 instanceof 來識別。)
-
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。
下面的表格就是 + 運算符對于不同類型進行運算后,得到的結果類型
本表適用于 Chrome 13, Firefox 6, Opera 11 and IE9。課外作業:檢查其他的瀏覽器兼容性。
注意:用戶自定義對象進行 + 運算不一定總產生一個字符串結果。這主要取決于 對象類型到原生類型轉換 的實現方式。
例如:
var o = {
valueOf : function () { return 4; }
};
計算 o + 2 將得到 6, 是一個數字 number;計算 o + '2' 得到 '42', 是一個字符串 string。
(完)
來自:https://zhuanlan.zhihu.com/p/24699027