数组(Array)是指一组数据的集合,其中的每个数据被称作元素,在数组中可以存放任意类型的元素。
数组是一种将一组数据存储在单个变量名下的优雅方式。
//普通变量一次只能存储一个值
var num = 10;
//数组一次可以存储多个值
var arr = [1, 2, 3, 4, 5];
JS中创建数组有俩种方式:
利用new创建数组:
var 数组名 = new Array();
var arr = new Array(); //创建了一个空的数组
利用数组字面量创建数组:
//使用数组字面量方式创建空的数组
var 数组名 = [];
//使用数组字面量方式创建带初始值的数组
var 数组名 = ['小白', '小黑', '小红'];
[]
数组的索引(下标):用来访问数组元素的序号(数组下标从0开始)
数组可以通过索引来访问(得到)、设置、修改对应的数组元素,我们可以通过”数组名[索引]
“的形式来获取数组中的元素。
var arr = ['小白', '小黑', '小红'];
//获取数据元素
console.log(arr[2]);//小红
遍历:就是把数组中的每一个元素从头到尾都访问一次。
var arr = ['红', '蓝', '黑'];
for (var i = 0; i < 3; i++) {
console.log(arr[i]);
}
i
必须从0开始。arr[i]
,i
计数器当索引号来用数组的长度:使用 数组名.length
可以访问数组元素的数组。
var arr = ['红', '蓝', '黑'];
console.log(arr.length);
for (var i = 0; i < arr.length; i++) {
console.log(arr[i]);
}
arr.length
是动态监测数组元素的个数案例:数组求和及平均值
var arr = [2, 3, 4, 5, 6];
var sum = 0;
var average = 0;
for (var i = 0; i < arr.length; i++) {
sum += arr[i]; //我们加的是数组元素arr[i]不是计数器i
}
average = sum / arr.length;
console.log(sum, average); //想要输出多个变量,用逗号分隔即可
可以通过修改length长度以及索引号增加数组元素。
1.通过修改length长度实现数组扩容的目的,length属性是可读写的。
var arr = ['红', '蓝', '黑'];
console.log(arr.length);
arr.length = 5;
console.log(arr);//(5) ['红', '蓝', '黑', 空属性 × 2]
console.log(arr[3]);//undefined
console.log(arr[4]);//undefined
2.可以通过修改数组索引的方式追加数组元素。
var arr = ['红', '蓝', '黑'];
arr[3] = '橙';
console.log(arr); //['红', '蓝', '黑', '橙']
arr[4] = '青'
console.log(arr); //['红', '蓝', '黑', '橙', '青']
arr[0] = '白'; //替换原来的数组元素
console.log(arr); //['白', '蓝', '黑', '橙', '青']