目录
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} 一个包含符合条件元素的新的数组
示例:
var demoArray = [1, 2, 3]; var rs = demoArray.filter(function (value, index, self) { return value > 0; }); console.log(rs); // => [1, 2, 3]
2.4 forEach() :依次遍历元素,执行指定的函数;无返回值
参数:
①function(value,index,self){} :每个元素依次调用此函数
value :数组遍历的元素
index :元素序号
self :Array本身
返回值:无
示例:
var demoArray = [1, 2, 3]; demoArray.forEach(function (value, index, self) { console.log(value); // => 依次输出:1 2 3 });
2.5 indexOf() :在数组中查找匹配元素。若不存在匹配的元素时,就返回-1。查找的时候使用"==="运算符,所以要区分1和'1'
参数:
①value :要在数组中查找的值。
②start :开始查找的序号位置,如果省略,则为0.
返回值:
{Int} :返回数组中第一个匹配value的序号,若不存在,返回-1
示例:
['a', 'b', 'c'].indexOf('a'); // =>0 ['a', 'b', 'c'].indexOf('a', 1); // =>-1 ['a', 'b', 'c'].indexOf('d'); // =>-1 [1, 2, 3].indexOf('1'); // => -1 :采用的'==='匹配方式
2.6 join() :将数组中所有元素通过一个分隔符拼接为一个字符串
参数:
①sparator {String}:各元素之间的分隔符,如果省略,默认以因为英文逗号','分隔。
返回值:
{String} :各元素以sparator为分隔符,拼接而成的一个字符串。
示例:
['a', 'b', 'c'].join(); // => 'a,b,c' ['a', 'b', 'c'].join('-'); // => 'a-b-c'
2.7 lastIndexOf :在数组中反向查找匹配元素。若不存在匹配的元素时,就返回-1。查找的时候使用"==="运算符,所以要区分1和'1'
参数:
①value :要在数组中查找的值。
②start :开始查找的序号位置,如果省略,则从最后一个元素开始查找。
返回值:
{Int} :从右到左开始查找数组中第一个匹配value的序号,若不存在,返回-1
示例: