在 javascript 中,为什么 [1,2] + [3,4] 不等于 [1,2,3,4]?
2013-01-08 13:04
295 查看
在 stackoverflow 上有人提问:arrays - Why does [1,2] + [3,4]= "1,23,4"in JavaScript?
但是,出乎意料,它却输出了:
而没有输出我期望的:
这是怎么回事呢?为什么
类似问题还有:为什么 ++[[]][+[]]+[+[]] = 10?
将两个数相加;
将两个字符串连接。
规范并没有定义
如果想连接两个数组,可以使用数组的
JavaScript 具有 6 种内置 数据类型: (译注:从给出的连接看,原作者的意思应该是 原始类型系统 的数据类型,JavaScript 事实上有两套类型系统。 第一套类型系统是用
undefined
boolean
number
string
function
object
需要注意的是,
在JavaScript 中,数组不是基本类型,它的存在仅仅是一个糖衣语法,它其实是
如果说道现在你脑子还是清醒的,是时候加点儿猛料了。javascript 的对象包装器类型例如
还记得我前面说过的
下面的表格就是
本表适用于 Chrome 13, Firefox 6, Opera 11 and IE9。课外作业:检查其他的浏览器兼容性。
注意:用户自定义对象进行 + 运算不一定总产生一个字符串结果。这主要取决于 对象类型到原生类型转换 的实现方式。
例如:
计算
继续阅读:写了10年Javascript未必全了解的连续赋值运算本文出自 “justjavac-迷渡” 博客,请务必保留此出处http://justjavac.blog.51cto.com/1741853/1111469
问题
我想将一个数组追加到另一个数组的后面,于是我在 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 + '2'得到 '42', 是一个字符串 string。
继续阅读:写了10年Javascript未必全了解的连续赋值运算本文出自 “justjavac-迷渡” 博客,请务必保留此出处http://justjavac.blog.51cto.com/1741853/1111469
相关文章推荐
- 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 中,为什么 [1,2] + [3,4] 不等于 [1,2,3,4]?
- 在 javascript 中,为什么 [1,2] + [3,4] 不等于 [1,2,3,4]?
- javascript里的 不等于 的符号、 去掉字符串首尾空格
- Javascript中的= =(等于)与= = =(全等于)区别
- 为什么javascript是单线程的却能让AJAX异步调用?
- 为什么直接把javascript的代码写进html就行但是调用js文件就不行
- 为什么JavaScript声明变量的时候鼓励加var关键字
- 黑马程序员之javascript学习笔记:什么是强类型,什么是弱类型?哪种更好些?为什么?
- 为什么JavaScript是你应当学习的下一个(或第一个)编程语言
- 为什么Firefox 3及之后的版本不能加载本地的JavaScript文件了?
- JavaScript中,{}+{}等于多少?
- 在JavaScript中什么东西不大于零并且不小于零并且不等于零,但却可以大于等于零,也可以小于等于零
- javascript的全局变量寄存空间和delete、hasOwnProperty方法(等于php的unset和isset)
- javascript使用中为什么10..toString()正常而10.toString()出错呢