数组

数组是一种特殊的对象,适用于存储和管理有序的数据项。

在实际开发中我们经常使用数组来存储一些数据,使用频率非常高。

思考:如何保存一个班级的所有学生的相关信息,如姓名、学号、年龄?

回答:一种方法利用前面学习过的知识,则每一条信息都需要一个变量去保存,缺点是这样做很麻烦,而且容易出错,又不合理;另一种方法就是利用数组。

数组可以存储任何类型的元素。但是一般一个数组存储的同一类数据的集合

例如

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   作者:孙老师