js如何声明数组对象

js如何声明数组对象
最新回答
危險人物

2023-01-01 20:12:38

在 JavaScript 中,声明数组对象主要有以下三种方式,每种方式各有特点且适用于嫌升不同场景:

1. 字面量语法

这是最简洁、常用的声明方式,直接使用方括号 [] 定义数组,可初始化元素或留空:

const emptyArray = []; // 空数组const fruits = ['Apple', 'Banana', '庆消Orange']; // 带初始元素的数组
  • 特点:代码简洁,性能较好,推荐优先使用。
2. Array() 构造函数

通过 new Array() 创建数组,支持传入元素或指定长度:

const emptyArray = new Array(); // 空数组const fixedLengthArray = new Array(5); // 长度为5的空数组(稀疏数组)const numberedArray = new Array(1, 2, 3); // 初始化元素 [1, 2, 3]
  • 注意

    若传入单个数字参数,会创建指定长度的空数组(非填充值)。

    多参数时会被视为数组元素。

3. 扩展运算符(...)

将可迭代对象(如数组、字符串等)展开为新数组:

const original = [1, 2, 3];const copiedArray = [...original]; // 深拷贝数组(仅一层)const combinedArray = [...original, 4, 5]; // 合并数组
  • 用途:常用于数组拷贝、合并或转换类数组对象(如 arguments)。
数组的核心特性
  1. 对象本质数组是特殊对象,键名为数字索引,但可添加自定义属性(不推荐):

    const arr = [10, 20];arr.customProp = 'test'; // 合法但易混淆
  2. length 属性动态反映数组长度,修改它会调整数组(慎用):

    const arr = [1, 2, 3];console.log(arr.length); // 3arr.length = 1; // 数组变为 [1]
  3. 常用方法

    修改数组:push()(添加)、pop()(删除末尾)、splice()(插入/删除)。

    遍历:forEach()、map()、filter()。

    排序/转换:sort()、join()。

选择建议
  • 优先字面量:简单场景直接用 []。
  • 慎用构造函数:避免 new Array(5) 导致的稀疏数组问题。
  • 扩展运算符:适合拷贝或合并数誉者知组,但注意性能(浅拷贝)。

通过灵活使用这些方式,可以高效处理 JavaScript 中的数组操作。