JS数组初始化|极客笔记

JS数组初始化

JavaScript 是一种广泛应用于网页开发的脚本语言，而数组是其中非常常用的数据类型之一。在 JavaScript 中，数组可以用来存储一系列的数据，而且还可以动态地变化大小。本文将详细介绍 JavaScript 中数组的初始化方法，包括静态初始化和动态初始化。

静态初始化

静态初始化是指在创建数组的同时给数组赋初始值。在 JavaScript 中，我们可以直接使用数组字面量来初始化数组，例如：

// 数字数组的静态初始化
let numbers = [1, 2, 3, 4, 5];

// 字符串数组的静态初始化
let fruits = ["apple", "banana", "orange"];

// 混合类型数组的静态初始化
let mixed = [1, "apple", true, undefined];

上面的代码演示了如何初始化不同类型的数组。需要注意的是，在 JavaScript 中，数组的元素可以是任意类型的，甚至可以混合不同类型的元素。

动态初始化

动态初始化是指先创建一个空数组，然后逐个添加元素。在 JavaScript 中，我们可以使用 push() 方法向数组末尾添加新的元素，也可以直接通过索引给数组赋值。下面是一些动态初始化数组的示例：

// 创建一个空数组
let dynamicArray = [];

// 使用push()方法添加元素
dynamicArray.push(1);
dynamicArray.push(2);
dynamicArray.push(3);

// 直接通过索引给数组赋值
dynamicArray[3] = 4;
dynamicArray[4] = "five";

上面的代码演示了如何动态初始化数组，并且展示了通过 push() 方法和直接通过索引给数组赋值的方式向数组添加元素。

初始化多维数组

除了一维数组，JavaScript 还支持多维数组。多维数组可以看作是数组的数组，可以通过嵌套数组的方式实现。下面是一个二维数组的初始化示例：

// 二维数组的初始化
let matrix = [
    [1, 2, 3],
    [4, 5, 6],
    [7, 8, 9]
];

在上面的示例中，matrix 是一个包含三个子数组的数组，每个子数组都代表矩阵的一行。我们也可以通过双重循环来访问二维数组的元素：

for (let i = 0; i < matrix.length; i++) {
    for (let j = 0; j < matrix[i].length; j++) {
        console.log(matrix[i][j]);
    }
}

初始化数组的长度

在 JavaScript 中，我们还可以通过指定数组的长度来初始化数组。当指定数组的长度时，数组将会被自动填充为 undefined。下面是一个指定长度初始化数组的示例：

// 指定长度初始化数组
let array = new Array(5);

console.log(array); // [undefined, undefined, undefined, undefined, undefined]

需要注意的是，指定长度初始化数组并不会创建包含对应值的元素，而是创建指定长度的数组并用 undefined 填充。

总结

本文介绍了 JavaScript 中数组的初始化方法，包括静态初始化和动态初始化。静态初始化是指在创建数组的同时赋初始值，而动态初始化则是创建空数组后逐个添加元素。无论是静态初始化还是动态初始化，都可以轻松地创建不同类型的数组，并且支持多维数组的初始化。

JS数组初始化