javascript 之谜系列:为什么 [1,2] + [3,4] 不等于 [1,2,3,4]?
来源:互联网 发布:手机淘宝首页如何装修 编辑:程序博客网 时间:2024/05/16 08:15
在 stackoverflow 上有人提问:arrays - Why does [1,2] + [3,4] = "1,23,4" in JavaScript?
http://stackoverflow.com/q/7124884/343194
0. 问题
我想将一个数组追加到另一个数组的后面,于是我在 firebug 编写如下代码:
[1,2] + [3,4]
但是,出乎意料,它却输出了:
"1,23,4"
而没有输出我期望的:
[1,2,3,4]
这是怎么回事呢?为什么 [1,2] + [3,4] 不等于 [1,2,3,4]?
1. 解答
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。
下面的表格就是 + 运算符对于不同类型进行运算后,得到的结果类型
本表适用于 Chrome 13, Firefox 6, Opera 11 and IE9。课外作业:检查其他的浏览器兼容性。
注意:用户自定义对象进行 + 运算不一定总产生一个字符串结果。这主要取决于 对象类型到原生类型转换 的实现方式。
例如:
var o = {
valueOf : function () { return 4; }
};
计算 o + 2 将得到 6, 是一个数字 number;计算 o + '2' 得到 '42', 是一个字符串 string。
推荐阅读
为什么这样也能运行? [ ].concat[1,2,3]
为什么 ++[[]][+[]]+[+[]] = 10?
为什么 Math.min() 比 Math.max() 大?(续)
长按二维码识别公众号
- javascript 之谜系列:为什么 [1,2] + [3,4] 不等于 [1,2,3,4]?
- javascript 之谜系列:为什么 [1,2] + [3,4] 不等于 [1,2,3,4]?
- 在 javascript 中,为什么 [1,2] + [3,4] 不等于 [1,2,3,4]?
- 在 javascript 中,为什么 [1,2] + [3,4] 不等于 [1,2,3,4]?
- javascript 中,为什么 [1,2] + [3,4] 不等于 [1,2,3,4]?
- 在 javascript 中,为什么 [1,2] + [3,4] 不等于 [1,2,3,4]?
- JavaScript的NaN为什么不等于NaN
- iOS 11惊现奇葩神Bug!计算器输入1+2+3不等于6...
- java 面试题之1+1在什么情况下不等于2 ?
- Python之0.35+0.3+0.35不等于1
- 为什么1.2-1.1不等于0.1。
- Javascript拖拽&拖放系列文章1之offsetParent属性javascript
- 为什么要写这个系列文章【程序员成长之道系列文章之1】
- TCP之为什么系列
- delphi 步长不等于 1 的方法
- pychon中i+=1不等于++i
- 结构大小不等于各数据类型之和--编程之道学习笔记1
- JavaScript学习1:为什么学习JavaScript
- 从 V8 的单元测试源码看“同值相等”
- V8 使用“常量折叠”优化技巧,导致幂(**)运算有时候不等于 Math.pow()
- JavaScript 函数式编程的性能问题
- 昨天收到PHPHub创始人Summer的道歉,已经线下和解
- 用 Chrome 开发者工具分析 javascript 的内存回收(GC)
- javascript 之谜系列:为什么 [1,2] + [3,4] 不等于 [1,2,3,4]?
- hashCode不相等则equals一定不相等,equals相等则hashCode一定相等,覆盖equals时总要覆盖hashCode(记录一下)
- 详解 javascript 的 delete 操作符
- justjavac的2016:热门文章汇总
- HTML状态码
- 为什么这样也能运行? [ ].concat[1,2,3]
- 当你决定把代码开源之前先选择一个合适的 License
- 走进JSON
- [Web性能优化]Chrome 51 引入新特性:Passive event listeners