JavaScript 里的类数组对象_javascript技巧-js教程-PHP中文网

JavaScript 里的类数组对象_javascript技巧

php中文网

发布： 2016-05-16 16:05:20

原创

1402人浏览过

很早以前我就知道可以把 arguments 转化为数组：[].slice.call(arguments)，因为
arguments 是个类数组对象，所以才可以这么用。但是我一直不清楚什么叫做类数组对象( array-like objects)

今天看 effective javascript 就有一节是专门讲这个的，感觉真是太拽了。

先看我写的一些示例代码：

复制代码代码如下:

a = "hello"

[].map.call(a, (e) -> e.toUpperCase()) # => [ 'H', 'E', 'L', 'L', 'O' ]

[].reduceRight.call(a, (acc, e) -> acc + e) # => 'olleh'

b = {1: "a", 2: "b", 4: "c", length: 6}

[].reduce.call(b, (acc, e) -> acc + e) # => 'abc'

前面那几个是操作字符串的，嗯，字符串也可以看成类数组对象。但是后面那个 b 对象居然
也是类数组对象。

看书上的解释：

复制代码代码如下:

So what exactly makes an object “array-like”? The basic contract of

an array object amounts to two simple rules.

It has an integer length property in the range 0...2^32 – 1.

The length property is greater than the largest index of the object.

An index is an integer in the range 0...2^32 – 2 whose string representation

is the key of a property of the object.

居然只有这两条简单的规则。

所以为什么 arguments, 字符串，和上面那个 b 对象可以看作类数组对象呢？

Delphi语言参考中文WORD版

本文档主要讲述的是Delphi语言参考；Delphi是一种结构化、面向对象，类型强健，编译执行的高级语言,其object pascal的语法规范具有易读性好、编译快速、多单元的模块化程序设计等优点。 Delphi技术Borland的组件框架和快速开发环境。大多数情况下，本语法指引假设你使用的是Borland的开发工具。希望本文档会给有需要的朋友带来帮助；感兴趣的朋友可以过来看看

查看详情

立即学习“Java免费学习笔记（深入）”；

它们都有一个合法的 length 属性(0 到 2**32 - 1 之间的正整数)。
length 属性的值大于它们的最大索引(index)。
再举个例子：

复制代码代码如下:

b = {1: "a", 2: "b", 4: "c", length: 3}

[].reduce.call(b, (acc, e) -> acc + e) # => 'ab'

嗯，就不对了，成了'ab' 了，因为违反了规则2：length 属性是3,
最大索引值是4要比 length 属性大了。所以表现的不正常了。

太强大了，好像只是定义了一个接口，只要符合这个接口，就可以利用数组的所有方法。

其实不是可以利用所有方法，Array.prototype.concat
是不能用的，因为它是把两个数组连接起来，你不是数组肯定是没法用它的。

还有一个小问题是，字符串创建以后是不可变的（immutable），所以你怎么折腾它都是不可变的。

但是这本书根本就没有解释为什么是符合这两个条件就可以看成类数组对象，另外这本书的作者
是那个什么 ECMAScript 委员会的成员，所以基本还是可信的。至于为什么符合这两个条件就可以看成是类数组对象，我也不知道，谷歌搜了半天也没看到什么合理的解释。

以上所述就是本文的全部内容了，希望大家能够喜欢。

大家都在看：

javascript数组有哪些方法_如何遍历和操作数据？什么是JavaScript对象_如何创建和操作对象属性？ javascript的Set和Map数据结构有何优势_何时该使用它们 javascript代理对象是什么_Proxy能拦截哪些操作？ javascript for...of循环怎么用_它可以遍历哪些数据结构