JavaScript 数组基础：创建、赋值与常用操作详解

什么是 JavaScript 数组

数组是 JavaScript 中用于存储一组有序数据的集合。每个数据在数组中都有一个唯一的索引号（下标）来标识，索引从 0 开始计数。你可以根据需要向数组中添加、删除或修改任意数量的数据。

以下代码展示了创建一个包含成绩的数组并输出特定索引元素值的过程：

<script type="text/javascript">
  var myarr = new Array(); // 定义空数组
  myarr[0] = 80; 
  myarr[1] = 60;
  myarr[2] = 99;
  
  document.write("第一个人的成绩是:" + myarr[0]);
  document.write("第二个人的成绩是:" + myarr[1]);
  document.write("第三个人的成绩是:" + myarr[2]);
</script>

如何创建数组

在使用数组前，必须将其赋值给一个变量。JavaScript 提供了多种创建数组的方法。

第1步：使用 Array 构造函数

这是最基础的创建方式。你可以创建一个空数组，或者在创建时指定数组的长度。

var myarray = new Array(); // 创建一个新空数组

如果为构造函数传递一个数字参数，则设定数组初始长度。需注意：此时数组内部元素均为 undefined，但数组本身可变长。

var myarray = new Array(8); // 设定长度为8，但实际仍可向超出范围的索引添加数据

第2步：使用字面量语法（推荐）

直接在代码中使用方括号 [] 包裹数值，这种方式更为简洁且直观。

// 方式一：带初始值的数组
var scores = [66, 80, 90, 77, 59];

// 方式二：空数组（等同 new Array()）
var emptyArray = [];

数组赋值与访问

数组就像一排座位，你需要通过索引号将数据放入对应的“座位”上。

第3步：逐个赋值

通过索引直接指定具体位置的值。索引必须从 0 开始。

var students = new Array(); // 创建数组
students[0] = "张三";
students[1] = "李四";
students[2] = "王五";

第4步：增加新元素

只需使用当前未被使用的最大索引加 1，即可追加新元素。如果跳过了某些索引直接赋值较大的数字，中间未被赋值的元素会变成 undefined。

students[3] = "赵六"; // 新增第四位学生

第5步：读取数组元素

引用数组变量并提供具体的索引号即可获得存储的值。

console.log(students[1]); // 输出: "李四"

数组属性 length

length 属性表示数组中元素的个数。因为索引从 0 开始，所以数组最后一个元素的索引永远是 length - 1。

第6步：获取与设置数组长度

与普通对象不同，length 是**可写**的，这允许我们动态地扩大或缩小数组。

var arr = [1, 2, 3];
console.log(arr.length); // 3

// 动态扩充
arr.length = 5;
console.log(arr.length); // 5 (原数组多出两个 undefined)

// 动态缩减
arr.length = 2;
console.log(arr); // [1, 2]

二维数组的定义

如果需要处理表格数据（如行和列），可以使用二维数组，即在数组中再嵌套数组。

第7步：初始化二维数组

可以使用循环动态生成，也可以使用嵌套的字面量语法直接定义。

// 方法一：字面量定义
var matrix = [
  [1, 2, 3],
  [4, 5, 6]
];

// 方法二：循环动态创建（例如创建 2x3 矩阵）
var rows = 2, cols = 3;
var mat = new Array(rows);
for(var i=0; i<rows; i++) {
    mat[i] = new Array(cols);
    for(var j=0; j<cols; j++) {
        mat[i][j] = i + j; // 根据行列计算值
    }
}

第8步：访问与修改二维数组

通过两次索引访问，第一次代表行，第二次代表列。

// 修改第二行第一列的值
matrix[1][0] = 10;
console.log(matrix[1][0]); // 输出: 10

总结

数组是 JavaScript 中最常用的数据结构之一。理解其基于 0 的索引机制、length 属性的可变性以及动态增删元素的能力，是编写高效脚本的基础。对于复杂的数据结构，掌握二维数组的定义方法能让你更好地应对表格类数据的处理。

以上就是 JavaScript 数组基础知识的详细内容，更多关于 JavaScript 数组教程的资料请关注本站其它相关文章！