JavaScript数组

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术：开发工具DW；关键技术JavaScript

作者： 空白

撰写时间：2021年11月7日

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

数组简介：

JavaScript的对象：内建对象、宿主对象、自定义对象

数组(Array)：数组也是对象（内建对象），它和我们普通对象功能类似，也是用来存储一些值的，不同的是普通对象使用字符串作为属性名，而数组是使用数字来作为索引操作元素

索引：从0开始的整数就是索引

数组的存储性能比普通对象要好，在开发中我们经常使用数组来存储一些数据

获取数组的长度,可以使用length这个属性获取

语法：数组.length

对于连续的数组，使用length可以获取到数组的长度(元素的个数)

对于非连续的数组，使用length汇获取到数组的最大的(索引+1)

尽量不要创建非连续数组

修改length

如果修改的length大于原长度，则多出部分会空出来

如果修改的length小于原长度，则多出的部分会被删除

数组自变量

创建一个数组：使用字面量来创建数组

语法：[]

使用字面量创建数组时，可以在创建时就指定数组中的元素

使用构造函数创建数组时，也可以同时添加元素，将要添加的元素作为构造函数的参数传递，元素之间使用,隔开

数组的值可以是任意的数据类型，包含对象的

数组中可以存放函数

数据的方法

push()

该方法可以向数组的末尾添加一个或多个元素，并返回数组的新的长度

可以将要添加的元素作为方法的参数传递，这样这些元素将会自动添加到数组的末尾

该方法会将数组新的长度作为返回值返回

pop()

  该方法可以删除数组的最后一个元素,并将被删除的元素作为返回值返回

unshift()

向数组开头添加一个或多个元素，并返回新的数组长度

向前边插入元素以后，其他元素的索引会依次调整

shift()

可以删除数组的第一个元素，并将被删除的元素作为返回值返回

数据的遍历

所谓的数组遍历，就是将数组中所有的元素都取出来

一般我们都是使用for循环去遍历数组，JS中还为我们提供了一个方法，用来遍历数组

forEach()  这个方法只支持IE8以上的浏览器，IE8及以下的浏览器均不支持该方法，所以如果需要兼容IE8，则不要使用forEach

如果考虑到兼容问题还是使用for循环

forEach()方法需要一个函数作为参数

像这种函数，由我们创建但是不由我们调用的，我们称为回调函数

数组中有几个元素函数就会执行几次，每次执行时，浏览器将会遍历到的元素以实参的形式传递进来，我们可以来定义形参读取这些内容

浏览器会在回调函数中传递三个参数：

第一个参数，就是当前正在遍历的元素

第二个参数，就是当前正在遍历的元素的索引

第三个参数，就是正在遍历的数组

函数的方法apply与call

call()与apply()  这两个方法都是函数对象的方法，需要通过函数对象来调用

当对函数调用call()和apply()都会去调用函数执行

在调用call()与apply()可以将一个对象指定为第一个参数

此时这个对象将会成为函数执行时的this

call()方法可以将实参在对象之后依次传递

apply() 方法需要将实参封装到一个数组中统一传递

this的总结：

1.以函数的形式调用时，this始终都是window对象

2.以方法的形式调用时，this就是调用方法的对象

3.以构造方法的形式调用时，this是新创建的那个对象

4.使用call与apply调用时，this是指定的那个对象