当前位置：首页 > 后端开发 > 正文

javascript怎么定义数组

admin
后端开发
2025-08-04
5

JavaScript 中，可通过字面量 []、 new Array() 或 Array.of() 来定义数组，如 `let arr = [

JavaScript 中，数组是一种用于存储有序集合的数据结构，它允许通过索引访问其中的元素，以下是关于如何定义数组的详细说明：

使用数组字面量（推荐）

这是最常用且简洁的方式,直接通过方括号 [] 来创建数组，并用逗号分隔各个元素。

javascript怎么定义数组第1张

const numbers = [1, 2, 3, 4, 5];         // 包含数字的数组
const fruits = ["苹果", "香蕉", "橙子"];   // 包含字符串的数组
const mixed = [true, null, undefined, {}]; // 混合类型的数组

如果不需要预先填充内容,也可以先创建一个空数组：

const emptyArray = [];                    // 空数组

优点：语法简单直观，可读性强；执行效率更高；适合大多数场景下快速初始化数组。

使用 Array 构造函数

通过 new Array() 调用内置的构造函数也能创建数组，但根据参数的不同会有差异化的行为：

无参数时会生成一个空数组：

const arr1 = new Array();              // 等同于 []

传入单个数值参数时，该值被视为数组的长度（注意不是元素）：

const arr2 = new Array(3);             // 创建长度为3的空数组，等价于 [,,]

传入多个参数或非数值类型参数时，这些值将成为数组的实际元素：

const arr3 = new Array("红", "绿", "蓝");      // ["红", "绿", "蓝"]
const arr4 = new Array({name: "张三"});        // [{name: "张三"}]

复制现有数组的特殊用法：若传入另一个数组作为参数，则会浅拷贝其所有元素到新数组中：
```
const original = ["a", "b"];
const copy = new Array(original);          // ["a", "b"]
```

对比两种定义方式的差异

特性	数组字面量	Array 构造函数
语法简洁度	更简洁易读	相对冗长
性能表现	通常更快	涉及对象实例化开销
动态创建能力	仅能静态初始化	支持按长度动态分配空间
代码语义清晰度	意图明确	️ 当只传数字时易混淆长度与内容
适用场景建议	日常开发首选	需要精确控制长度或复制数组时使用

注意事项与高级技巧

元素类型灵活性：JavaScript 数组不限制单一数据类型，可以同时包含数字、字符串、对象甚至嵌套其他数组：
```
const complexData = [1, "text", {id: 100}, [false, null]];
```

动态特性支持：随时通过 push/pop、unshift/shift 等方法增减元素，数组会自动调整长度：

let scores = [80, 90];
scores.push(100);         // 末尾添加 → [80,90,100]
scores.unshift(70);       // 头部插入 → [70,80,90,100]

索引从0开始：第一个元素的索引始终是 0，最后一个元素的索引为 length 1：

const colors = ["红", "黄", "蓝"];
console.log(colors[0]);    // "红"
console.log(colors[colors.length 1]); // "蓝"

遍历方式选择：推荐使用 for...of 循环或 forEach() 方法进行迭代：

const items = [10, 20, 30];
// for...of 语法
for (const item of items) { console.log(item); }
// forEach 回调函数
items.forEach(value => console.log(value));