访问数组有三种方式:访问数组名、访问数组元素、遍历数组。
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浏览器控制台中的运行结果为:
red green blue