零基础学JavaScript数组.ppt

第7章 数组 数组是在JavaScript中使用得比较多的一种数据 类型，在本章里将会介绍数组的一些基本概念以 及数组对象的属性和方法。 7.1 数组的介绍 数组是JavaScript中的一种复合型数据。数组是 一些数据的集合，并且数组中的数据都有一个编 号，通过编号可以引用这些数据。 7.1.1 数组 顾名思义，数组（array）就是一些数据的组合。 在JavaScript中，数组是一种基本的数据类型， 该数据类型是复合型的，即一个数组中可以包含 多个元素。可以将数组想象为一个个的格子，每 个格子中都能存放一个元素。 由于JavaScript是一种无类型的语言，所以在数 组中的每个元素的类型可以不相同。数组中的元 素类型可以是数字型、字符串型、布尔型等，甚 至也可以是一个数组。 7.1.2 数组元素 数组是数组元素（element）的集合，如图7-1中 ，每个格子里所存放的就是数组元素。数组为每 个数组元素都设置了一个编号，该编号称为下标 。通过下标可以存取数组元素值。数组的下标从0 开始编号，例如以下代码可以存取数组中的第1个 元素值。 arr0 7.1.3 多维数组 在JavaScript中并不支持多维数组，但是 JavaScript中数组元素可以是任何类型的数据， 包括数组。假设arr数组中的第2个元素是数组， 那么如果要获取数组中的第2个元素，可以使用以 下语句： var myArr = arr1; 7.2 定义数组 在JavaScript中，数组也是一种对象，这种对象 称之为数组对象。因此，定义数组时，也可以使 用构造函数。JavaScript中定义数组的方法以下4 种。 7.2.1 构造函数 数组对象的构造函数有以下3种，因此可以用3种 不同的方式来定义数组： new Array() new Array(size) new Array(element1,element2,) 7.2.2 定义一个空数组 使用不带参数的构造函数可以定义一个没有元素 的空数组。可以在定义了空数组之后再设置数组 中的元素。（具体内容请参照书。） 7.2.3 通过指定数组长度定义数组 使用“new Array(size)”构造函数可以在定义数 组的同时指定数组元素的个数。但是此时并没有 为数组元素赋值，所有数组元素的值都为 undefined。（具体内容请参照书。） 7.2.4 通过指定数组元素定义数组 使用“new Array(element1,element2,)”构造 函数可以在定义数组的同时指定数组元素的值。 其中参数列表中的数据依次为数组中第1个元素、 第2个元素的值。（具体内容请参照书。） 7.2.5 直接定义数组 在JavaScript中还有一种不使用构造函数来定义 数组的方式，这种方式直接将数组元素放在一个 方括号中，并且元素与元素之间使用逗号隔开。 （具体内容请参照书。） 7.3 数组元素 数组是数据的集合，这些数据称为数组的元素。 在对数组进行的操作中，最重要的操作可以说是 对数组元素的存取操作。 7.3.1 存取数组元素 在JavaScript中，可以通过数组元素存取运算符 （）来存取数组元素。在运算符的左侧是数 组的名称，而在之间是数组的下标。在某些语 言中，数组的第1个元素的下标为1，而在 JavaScript中数组的第1个元素的下标为0。（具 体内容请参照书。） 7.3.2 添加数组元素 在JavaScript中，可以为已经定义好的数组添加 元素，无论该数组是使用什么方法定义的数组。 使用以下方法定义的数组是一个空数组，该数组 只有添加了数组元素之后，才能存储数据。（具 体内容请参照书。） 7.3.3 删除数组元素 数组元素一旦被定义，就不能被删除。使用 delete运算符只能删除数组元素的值，使其回复 到未赋值的状态，即元素值为undefined，而不能 删除一个数组元素，不能让数组中的元素减少一 个。（具体内容请参照书。） 7.3.4 数组元素的个数 数组元素的个数，又称为数组的长度。使用数组 对象的length属性可以获得数组的长度。该属性 的语法代码如下所示： array.length 7.4 数组的方法 数组是JavaScript中的一种基本数据类型，同时 也是JavaScript中的一个内置对象。使用数组对 象的方法，可以更加方便地处理数组中的数据。 7.4.1 toString ()方法：将数组转换为 字符串 使用toString()方法可以将数组中的元素转换为 字符串，元素与元素之间用逗号隔开。（具体内 容请参照书。） 7.4.2 join()方法：将数组元素连接成 字符串 使用join()方法可以将数组元素连接成字符串， 其语法代码如下所示： join() jion(str) （具体内容请参照书。） 7.4.3 push()方法：在数组尾部添加元 素 使用push()方法可以在数组的尾部添加元素，数 组的长度会因此而增加。push()方法的语法代码 如下所示： push(value,)（具体内容请参照书。） 7.4.4 concat()方法：添加元素并生成 新数组 concat()方法也可以在一个数组的尾部添加元素 。与push()方法不同的是，push()方法是在原数 组的尾部添加元素，原数组中的元素和长度都会 改变，而concat()方法是在一个数组的尾部添加 元素，并返回一个新数组，而原数组中的元素和 长度并不改变。concat()方法的语法代码如下所 示： concat(value,)（具体内容请参照书。） 7.4.5 unshift()方法：在数组头部添元 素 push()方法可以在数组的尾部添加元素，而 unshift()方法与push()方法相反，unshift()方 法的作用是在数组的头部添加元素，其语法代码 如下所示： unshift(value,)（具体内容请参照书。） 7.4.6 pop()方法：删除并返回数组的最 后一个元素 除了可以为数组添加元素之外，JavaScript中的 数组对象中，还有删除数组元素的方法。其中 pop()方法的作用就是删除数组中的最后一个元素 ，并将该元素返回，此时数组的长度会减少。（ 具体内容请参照书。） 7.4.7 shift()方法：删除并返回数组的 第一个元素 shift()方法与pop()方法相反，pop()方法是用于 删除数组的最后1个元素，而shift()方法是删除 数组的第1个元素，并返回该元素的值。使用 shift()方法也使原数组的长度减1，并将原来数 组中的余下的所有元素都向前移1位。（具体内容 请参照书。） 7.4.8 splice()方法：删除、替换或插 入数组元素 pop()方法只能删除数组中的最后1个元素， shift()方法只能删除数组中的第一个元素，如果 想要更灵活地删除数组中的元素，可以使用 splice()方法。使用splice()方法可以删除数组 中任何位置的元素，也可以替换数组中任何位置 的元素，还可以在数组的任何位置插入元素。其 语法代码如下所示： splice(start,count,value,)（具体内容请参 照书。） 7.4.9 slice()方法：返回数组中的一部 分 使用splice()方法可返回数组中被删除或被替换 的一部分，但splice()方法会影响原数组中的元 素，如果只要获取数组中的某一个部分的数据， 可以使用slice()方法，该方法可以返回数组中某 一连续部分的元素，而不影响原数组中的数据。 slice()方法的语法代码如下所示： slice(start,end)（具体内容请参照书。） 7.4.10 reverse()方法：颠倒数组中的 元素 使用reverse()方法，可以将数组中的元素颠倒过 来，原来是在第1位的元素将排到最后1位，而最 后1位的元素将排到第1位。reverse()方法是在原 数组的基础上颠倒元素次序的，因此会改变原数 组的数据。（具体内容请参照书。） 7.4.11 sort()方法：将数组元素排序 reverse()方法可以将数组中的元素颠倒过来，但 不能将数组中的元素进行排序，如果要将数组中 的元素进行排序，就需要使用到sort()方法。 sort()方法是在原数组的基础上排序的，会影响 原数组中的数据，其语法代码如下所示： sort() sort(order)（具体内容请参照书。） 7.4.12 toLocaleString()方法：转换为 当地字符串 使用toString()方法可以将数组转换成字符串， 并用逗号分隔每个元素的值。toLocaleString() 方法与toString()方法类似，但该方法是根据本 地计算机的地区设置来转换每一个元素的值