如何创建带自定义方法与构造函数的自定义数组对象类型？

一、创建继承Array的自定义类（不污染全局原型） #

通过ES6类继承内置Array，既能保留所有原生数组方法，又能添加专属自定义方法，不会修改全局Array.prototype。

class CustomArray extends Array {
  constructor(arr) {
    // 调用Array构造函数初始化实例
    super(...arr);
  }

  // 自定义方法：遍历打印第二个元素（子数组）的内容
  returnArrayContent() {
    // 先判断第二个元素是否为数组，避免报错
    if (Array.isArray(this[1])) {
      this[1].forEach(element => console.log(element));
    }
  }
}

// 使用示例
const myCustomArr = new CustomArray(["fruits", ["apple", "banana", "pineapple"]]);
myCustomArr.returnArrayContent(); // 依次输出 apple、banana、pineapple

// 原生数组方法依然可用
console.log(myCustomArr.length); // 输出 2
myCustomArr.push("extra item");
console.log(myCustomArr); // 输出 ["fruits", ["apple", "banana", "pineapple"], "extra item"]

从JSON读取数据的使用方式 #

解析JSON后直接将数组传入构造函数即可：

// 假设从JSON文件读取并解析后得到data
const data = JSON.parse(jsonString);
const customArr = new CustomArray(data);

二、是否需要TypeScript？ #

新手阶段完全不需要。当前需求用普通JavaScript就能完整实现，上手快、成本低。

如果后续项目复杂度提升，需要更严格的类型约束、代码智能提示，或者参与团队协作，再考虑引入TypeScript也不晚。TypeScript可以帮你明确自定义数组的类型结构（比如限定第一个元素为字符串、第二个为字符串数组），但对于当前简单场景，JavaScript足够满足需求。

内容的提问来源于stack exchange，提问作者KeepRunning85