在 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 的 +
运算符有两个目标:
将两个数相加;
将两个字符串衔接。
范例并没有定义 +
运算符在数组上的行动,所以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。