如何将Class实例化的新对象存入数组？JavaScript问题求助

先修正原代码的基础错误 #

1. 修复拼写错误：generateStudents函数中的arrayOfNnames改为arrayOfNames
2. 声明generateNicknames变量，避免未定义报错
3. 将allStudents改为函数内局部变量，避免全局污染导致重复添加实例

修正后的基础版本：

class Student {
  constructor(name) {
    this.name = name;
  }
}

function generateNames(studentAmount) {
  const generateNicknames = []; // 声明局部变量
  for (let i = 0; i < studentAmount; i++) {
    generateNicknames.push(`Student ${i + 1}`); // 用模板字符串更清晰
  }
  return generateNicknames;
}

function generateStudents(arrayOfNames) {
  const allStudents = []; // 改为局部变量
  for (let j = 0; j < arrayOfNames.length; j++) { // 修复拼写错误
    allStudents.push(new Student(arrayOfNames[j]));
  }
  return allStudents;
}

// 使用示例
const names = generateNames(3);
const students = generateStudents(names);
console.log(students);

解决控制台显示[Student, Student…]的问题 #

控制台打印对象数组时，默认会调用实例的toString()方法，Student类默认继承自Object的toString，所以会显示简化的Student标识。要让它显示对应姓名，给Student类添加自定义的toString方法：

class Student {
  constructor(name) {
    this.name = name;
  }

  // 添加自定义toString方法
  toString() {
    return this.name;
  }
}

此时再打印students数组，就会显示[Student 1, Student 2, Student 3]这类清晰的内容。

更简洁的写法（合并逻辑，用Array.from替代循环） #

不需要拆分两个函数，直接一步生成Student实例数组：

class Student {
  constructor(name) {
    this.name = name;
  }

  toString() {
    return this.name;
  }
}

function generateStudents(studentAmount) {
  return Array.from({ length: studentAmount }, (_, index) => {
    return new Student(`Student ${index + 1}`);
  });
}

// 使用示例
const students = generateStudents(5);
console.log(students); // 显示 [Student 1, Student 2, Student 3, Student 4, Student 5]

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