数组的概念

本课程目的:

  1. 理解javascript中数组的定义
  2. 能够应用javascript数组

创建数组

1
2
3
4
5
6
7
8
9
10
11
12
13
// ① new的方法创建数组对象
var a = new Array();
// 可以传一个参数定义数组的长度
var a = new Array(3);
a[0] = "Saab";
a[1] = "Volvo";
// 可以将要保存的数据作为参数
var a = new Array("Saab","Volvo","BMW");
// ② 用[]方式定义数组
var a = [];
a[0] = "Saab";
// 或者
var a = ["Saab","Volvo","BMW"]

读取数组

在读取和设置数组的值,要使用方括号并提供相应值的基于0的数字索引

1
2
3
4
5
var color = ["red","blue","yellow"];
console.log(color[0]); // 显示第一项 red
console.log(color[2]); // 显示第三项 yellow
 
color[1] = "green"; // 修改第二项

数组的项数保存在 length 属性中,这个属性可读可写。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
var color = ["red","blue","yellow"];
var name = [];
 
alert(color.length); // 3
alert(name.length); // 0
 
// 改变数组长度
// 如果设置为大于数组项数的值 新增的每一项值都为 undefined
name.length = 3;
alert(name.lenght); // 3
alert(name[1]) // undefined
 
// 如果设置为小于数组项数的值,可从数组末尾移除项
color.length = 1;
alert(color.length) // 1
alert(color[2]) // undefined 这时color[2]被删除了

检测数组

1
2
3
4
5
6
if(value instanceof Array){
    //对数组进行某些操作
}
if(Array.isArray(value)){
    //对数组进行某些操作
}

Array.isArray()是ECMAScript5中新增的,因此要注意兼容性。

上一节:定义类或对象

下一节:数组的常用方法