在 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
来识别。@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
得到 '42', 是一个字符串 string。
+ '2'
最新文章
- C# DllImport“调用导致堆栈不对称。原因可能是托管的 PInvoke 签名与非托管的目标签名不匹配。请检查 PInvoke 签名的调用约定和参数与非托管的目标签名是否匹配 ”
- VS2012 MVC4 学习笔记-概览
- linq lamda
- UVa 100 - The 3n + 1 problem(函数循环长度)
- Spark 2.0
- 如何实现一个c/s模式的flv视频点播系统
- 51nod贪心算法入门-----完美字符串
- PHP利用超级全局变量$_POST来接收表单数据。
- 单元测试系列:如何使用JUnit+JaCoCo+EclEmma完成单元测试
- 将nodejs代码部署到阿里云服务器
- Spring Bean's life
- Python-模块,以及使用文本中的数据
- 分享几个有趣的Linux命令
- react-router v4中 HashRouter 和 BrowserRouter的使用
- SQL表的基本操作
- Uboot代码分析
- DISQLite3在XE4中的安装
- 在Windows下为PHP安装redis扩展
- Error 'LINK : fatal error LNK1123: failure during conversion to COFF: file invalid or cor
- Winform控件之DataGridView数据控件显示问题
热门文章
- 开源项目——小Q聊天机器人V1.0
- 安卓IPC机制之Binder详解
- Cocos2D iOS之旅:如何写一个敲地鼠游戏(五):设置背景
- android打包方法超过65k错误
- Unity UGUI之Canvas&;EventSystem
- ubuntu16.04中可以用于教学的有趣的应用
- 【leetcode78】Single Number II
- android 的android httpClient详解
- Css中的盒子结构padding和margin的区别
- APP-FND-00676: 弹性域例程 FDFGDC 无法读取为此说明性弹性域指定的默认引用字段