JS 基础之数组与伪数组

JavaScript017

JS 基础之数组与伪数组,第1张

- 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属性有什么特殊的行为,不具有数组的push,pop等方法,但仍可以对真正数组遍历方法来遍历它们。典型的是函数的argument参数,还有像调用getElementsByTagName,document.childNodes之类的,它们都返回NodeList对象都属于伪数组。可以使用Array.prototype.slice.call(fakeArray)将数组转化为真正的Array对象。

function log(){

var args = Array.prototype.slice.call(arguments)//为了使用unshift数组方法,将argument转化为真正的数组

args.unshift('(app)')console.log.apply(console, args)

}

这里把符合以下条件的对象称为伪数组:

1,具有length属性

2,按索引方式存储数据

3,不具有数组的push,pop等方法

1,function内的arguments 。

2,通过document.forms,Form.elements,Select.options,document.getElementsByName() ,

document.getElementsByTagName() ,childNodes/children 等方式获取的集合(HTMLCollection,NodeList)等。

3,特殊写法的对象 ,如

Js代码 收藏代码

var obj={}

obj[0] = "一"

obj[1] = "二"

obj[2] = "三"

obj.length = 3

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

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