本文共 1730 字，大约阅读时间需要 5 分钟。

JavaScript 数组详解

定义数组

在 JavaScript 中，数组是一种内置的数据结构，用于存储一系列的值。可以通过 Array 构造函数来创建数组。

构建数组

Array 构造函数的使用非常灵活，可以根据需求创建不同类型的数组。

示例1：空数组

当没有传递参数时，Array 构造函数会创建一个空数组。

var a = new Array();

此时，a 中没有元素，可以通过 a[0] 访问元素，返回 undefined。

示例2：指定元素

当传递参数时，每个参数会被转化为数组中的元素。

var a = new Array(1, 2, "string", [1, 2], { x: 1, y: 2 });

数组中的每个元素可以是任意类型的值，包括对象和数组。

示例3：指定长度

传递一个数值参数可以指定数组的长度，数组中所有未赋值的元素会被初始化为 undefined。

var a = new Array(5);

此时，a 数组中包含5个 undefined 元素。

数组直接量

直接量是定义数组的快捷方式，简洁且高效。

示例：空数组

var a = [];

示例：非空数组

var a = [., true, "string", [1, 2], { x: 1, y: 2 }];

直接量的使用可以显著提高数组初始化的效率，建议在没有特殊需求时使用。

数组的使用

存取元素

数组支持通过下标访问元素，下标可以是整数或字符串。

示例：基本操作

var a = [];a[0] = 1;a[2] = 2;console.log(a[0], a[1], a[2]); // 输出：1, undefined, 2

数组长度是动态的，未赋值的元素默认为 undefined。

注意事项

数组长度

数组的 length 属性反映数组的最大下标 + 1。

示例1：动态长度

var a = [];a[0] = 0;a[5] = 5;console.log(a.length); // 输出：6

数组的长度会随着元素的添加自动增加或减少。

示例2：关联数组

当数组的下标不是整数时，length 属性会被初始化为 0。

var a = [];a["name"] = "小明";a["age"] = 13;console.log(a["name"], a.name); // 输出："小明", undefined

关联数组的下标会被视为属性名。

数组与对象

数组和对象在 JavaScript 中都是对象类型，但它们的用途和结构有根本区别。

核心区别

示例：对象与数组对比

// 对象var o = { x: 1, y: true };// 数组var a = [1, true];

两个实例的类型不同，可以通过 Array.isArray(o) 判断是否是数组。

多维数组

JavaScript 不直接支持多维数组，但可以通过数组嵌套的方式实现多维数据结构。

示例：多维数组

var a = [  [1, 2, 3],  [4, 5, 6],  [7, 8, 9]];

多维数组在实际应用中非常有用，特别是在处理二维或三维数据时。

判断数组类型

可以通过以下方法判断一个变量是否是数组：

示例：

var a = [1, 2, 3];console.log(Array.isArray(a)); // trueconsole.log(a.constructor === Array); // true

通过以上内容，希望对 JavaScript 数组的理解有所帮助。数组在 JavaScript 开发中占据重要地位，熟练掌握数组操作是成熟的开发者必备技能。