数组
数组是一种特殊的对象,适用于存储和管理有序的数据项。
在实际开发中我们经常使用数组来存储一些数据,使用频率非常高。
思考:如何保存一个班级的所有学生的相关信息,如姓名、学号、年龄?
回答:一种方法利用前面学习过的知识,则每一条信息都需要一个变量去保存,缺点是这样做很麻烦,而且容易出错,又不合理;另一种方法就是利用数组。
数组可以存储任何类型的元素。但是一般一个数组存储的同一类数据的集合
例如
var arr = [ 'Apple', { name: 'John' }, true, function() { alert('hello'); } ];
1. 数组的语法
数组构成:数组由一个或多个数组元素组成的,各元素之间使用逗号“,”分割。
数组元素:每个数组元素由“索引下标”和“值”构成。
索引下标:简称下标,以数字表示,默认从0开始依次递增,用于识别元素。
值:元素的内容,可以是任意类型的数据,如数值型、字符型、数组、对象等。
数组还可以根据维数划分为一维数组、二维数组、三维数组等多维数组。
解决开始提出的问题:保存一个班级学生信息,每个数组元素都代表一个学生,而每个学生都使用一个一维数组分别表示其姓名、学号、年龄等信息,这样通过一个变量即可有规律的保存一个班级的所有学生信息,方便开发时进行处理。
二维数组:是指数组元素的“值”是一个一维数组,如下图。
2. 声明数组
创建一个空数组有两种语法:
var arr = new Array();
var arr = [];
绝大多数情况下使用的都是第二种语法。我们可以在方括号中添加初始元素:
var fruits = ["Apple", "Orange", "Plum"];
3. 数组的索引和长度
数组元素从 0 开始编号。我们称其为索引
可以使用
length
属性来获取数组的长度(元素的个数)。
var arr = [21, 22, 23];
// 元素21的索引为0
// 元素22的索引为1
// 元素33的索引为2
console.log(arr.length); // 打印结果:3
4. 获取数组元素
我们可以通过方括号中的数字获取元素:
var fruits = ["Apple", "Orange", "Plum"];
alert( fruits[0] ); // Apple
alert( fruits[1] ); // Orange
alert( fruits[2] ); // Plum
5. 修改数组元素
fruits[2] = 'Pear'; // 现在变成了 ["Apple", "Orange", "Pear"]
6. 添加数组元素
fruits[3] = 'Lemon'; // 现在变成 ["Apple", "Orange", "Pear", "Lemon"]
7. 遍历数组
var arr = ["张三", "john", "李四", "王五"];
// 1. for循环 遍历索引
for (var i = 0; i < arr.length; i++) {
console.log(arr[i]);
}
// 2. for...of 遍历数组元素
var fruits = ["Apple", "Orange", "Plum"];
for (var fruit of fruits) {
alert( fruit );
}
// `for..of` 不能获取当前元素的索引,只是获取元素值,但大多数情况是够用的。
8. 多维数组
数组里的项也可以是数组。我们可以将其用于多维数组,例如存储矩阵:
var matrix = [
[1, 2, 3],
[4, 5, 6],
[7, 8, 9]
];
alert( matrix[1][1] ); // 最中间的那个数
文档更新时间: 2023-01-05 17:25 作者:孙老师