购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

3.3 访问数组

访问数组有三种方式:访问数组名、访问数组元素、遍历数组。

1. 访问数组名

直接访问数组名将返回数组中存储的所有元素值,示例如下:

var arr = [1, 2, 3]; // 创建数组arr
console.log(arr);//直接访问数组名,输出:1, 2, 3

2. 访问数组元素

数组中存储的每个元素都有一个位置索引,从0开始,到“数组长度-1”结束。开发者可以通过索引来访问、修改对应的数组元素的值。语法格式如下:

数组名[索引]

示例如下:

var arr = [1, 2, 3];// 创建数组
console.log(arr[0]);// 获取数组中的第1个元素,输出:1
console.log(arr[1]);// 获取数组中的第2个元素,输出:2
console.log(arr[99]);// 获取数组中的第100个元素,输出:undefiend
arr[0] = 8;// 修改数组中的第1个元素的值为8
arr[3] = 5;// 修改数组中的第4个元素的值为5
console.log(arr);// 输出数组所有的元素值:8,2,3,5

提示: 如果数组没有和索引值对应的元素,则得到的值是undefined,上述代码中arr[99]并不存在,因此输出undefined;如果修改数组中不存在的元素,则代表在数组的末尾插入新元素,此时数组长度自动增长为“索引值+1”,上述示例中arr[3]并不存在,“arr[3]=5”执行前,数组长度是3,执行后,数组长度变为4。

3. 遍历数组

遍历数组是对数组的每一个元素依次进行访问。开发者可以使用for循环语句对数组进行遍历。

【例3-1】使用for语句遍历数组

var arr = ['red', 'green', 'blue'];
for (var i = 0; i < 3; i++) {//  3代表数组长度
    console.log(arr[i]);
}

例3-1在Chrome浏览器控制台中的运行结果为: 1SMjjEBQP/TOMQGMv7707BjGYP4dmPiIZ5VJndEqgB4nOUVcZl7vtQc0E/f9NJl4

red
green
blue
点击中间区域
呼出菜单
上一章
目录
下一章
×