浅谈JavaScript Array对象

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

2. 定义

复制代码 代码如下:


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

3. 属性

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

4. 实例方法

常用方法:

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

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

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

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

4.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']

4.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

4.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]

4.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
});

4.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 :采用的'==='匹配方式

4.6 join() :将数组中所有元素通过一个分隔符拼接为一个字符串。
参数:

①sparator {String}:各元素之间的分隔符,如果省略,默认以因为英文逗号','分隔。

返回值:

{String} :各元素以sparator为分隔符,拼接而成的一个字符串。

示例:

复制代码 代码如下:


['a', 'b', 'c'].join(); // => 'a,b,c'
['a', 'b', 'c'].join('-'); // => 'a-b-c'

4.7 lastIndexOf :在数组中反向查找匹配元素。若不存在匹配的元素时,就返回-1。查找的时候使用"==="运算符,所以要区分1和'1'
参数:

①value :要在数组中查找的值。

②start :开始查找的序号位置,如果省略,则从最后一个元素开始查找。

返回值:

{Int} :从右到左开始查找数组中第一个匹配value的序号,若不存在,返回-1

示例:

复制代码 代码如下:

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

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