首页 > 语言 > JavaScript > 正文

浅谈JavaScript Array对象

2024-05-06 14:48:35
字体:
来源:转载
供稿:网友

Array 数组

1. 介绍

      数组是值的有序集合。每个值叫做一个元素,而每个元素在数组中有一个位置,以数字表示,称为索引。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 :元素序号

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选