JavaScript 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} 一个包含符合条件元素的新的数组

示例:

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

示例:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wgyswz.html