JS:什么是伪数组

JavaScript015

JS:什么是伪数组,第1张

伪数组 ,即 arrayLike ,也称为类数组。是一种 按照索引存储数据 且具有 length 属性的 对象 。因为是对象,所以不能调用 数组的方法 ,比如 forEach() 、 push() 等。

下面的 a 对象就是一个伪数组:

- window.Array 全局对象(也是函数)

(1) 创建数组

注意: Array 加 new 与不加 new 效果都一样。

结论:1. number , string , boolean 等基本数据类型对应的构造函数,不加 new 的话返回的还是基本数据类型,加 new 的话返回的是复杂类型即对象( object )。

2. object ( array , function )等对应的构造函数,加 new 与不加 new 形式都一样。

window.Function 全局对象(也是函数)

注意:加不加 new 结果一样

1.具名函数

2.匿名函数

3.具名函数 + var

4.window.Function + var

注意: function 关键字 用来声明一个函数。

Function 全局对象

一般不推荐用第四种。

人类理解:数组就是数据的有序集合

JS理解:数据就是原型链中有 Array.prototype 的对象

伪数组 :1.有 0,1,2,3,4,5...n,length 这些 key 的对象。

2.原型链中没有 Array.prototype 。

目前知道的伪数组: arguments 对象

document.querySelectAll('div') 返回的对象

1. Array.prototype.forEach

使用forEach时需要接受一个函数,这个函数必须接受两个函数。

3. Array.prototype.join

将一个数组的所有元素连接成一个字符串并返回这个字符串。

7. Array.prototype.reduce

遍历一个数组,每次取个结果,并放到下一项身上。

注意:最后一段是箭头写法,比较美观。

特点: 

具备length属性、但是不具备数组的pop,push方法, 但是可以用数组的遍历方法;

在调用document.getElementByTagName 返回的,都是伪类数组。

例如:

可以遍历伪数组:

Array.prototype.slice.call( 伪数组)

从上我们可以看到,伪类数组转成真数组,拥有数组的方法