JavaScript Array对象详解

本文介绍了Js的Array 数组对象，具体内容如下

目录
1. 介绍：介绍 Array 数组对象的说明、定义方式以及属性。

2. 实例方法：介绍 Array 对象的实例方法：concat、every、filter、forEach、indexOf、join、lastIndexOf、map、pop、push、reverse、shift、slice、sort、splice、toString、tounshift等。

3. 静态方法：介绍 Array 对象的静态方法：Array.isArray()。

4. 实际操作：对 Array 进行示例操作：索引、for遍历、浅度复制、深度复制等操作。

 一. 介绍
1.1 说明

      数组是值的有序集合。每个值叫做一个元素，而每个元素在数组中有一个位置，以数字表示，称为索引。JavaScript数组是无类型：数组元素可以是任意类型，并且同一个数组中的不同元素也可能有不同的类型。 --《JavaScript权威指南(第六版)》 

1.2 定义方式

var names = new Array("张三", "李四", "王五");//或者var names = ["张三", "李四", "王五"];

1.3 属性

length：表示数组内的元素长度。

二. 实例方法
常用方法：

1) unshift() ：在数组头部插入元素

2) shift() ：移除并返回数组的第一个元素

3) push() ：在数组尾部插入元素

4) pop() ：移除并返回数组的最后一个元素

2.1 concat() ：把元素衔接到数组中。不会修改原先的array,返回新的数组

参数：

①value1,value2.....valueN ：任意多个值

返回值：

{Array} 一个新的数组，包含原先的Array和新加入的元素。

示例：

var demoArray = ['a', 'b', 'c'];var demoArray2 = demoArray.concat('e');console.log(demoArray); // => demoArray:['a','b','c'] 原数组不发生变更console.log(demoArray2); // => ['a','b','c','e']

2.2 every() ：依次遍历元素，判断每个元素是否都为true

参数：

①function(value,index,self){} ：每个元素都会使用此函数判断是否为true，当判断到一个为false时，立即结束遍历。

　　value ：数组遍历的元素

　　index ：元素序号

　　self ：Array本身

返回值：

{Boolean} ：只有每个元素都为true才返回true；只要一个为false，就返回false。

示例：

var demoArray = [1, 2, 3];var rs = demoArray.every(function (value, index, self) { return value > 0;});console.log(rs); // => true 

2.3 filter() ：依次遍历元素，返回包含符合条件元素的新的数组

参数：

①function(value,index,self){} ：每个元素依次调用此函数，返回包含符合条件元素的新的数组。

　　value ：数组遍历的元素

　　index ：元素序号

　　self ：Array本身

返回值：

{Array} 一个包含符合条件元素的新的数组