JavaScript中如何基于数组/向量长度按需创建对应数量的对象？

作为编程新手，咱们完全可以用JavaScript里的基础数组方法，根据数组长度按需创建对应数量的对象，而且代码还很简洁～下面给你举几个实用的例子，结合你提到的构造函数和创建函数来演示：

先明确示例基础代码 #

假设咱们有这些基础内容（和你描述的对应）：

// 你的对象构造函数
function MyCustomObj(param1, param2) {
  this.prop1 = param1;
  this.prop2 = param2;
}

// 基于构造函数创建对象的函数
function createObj(p1, p2) {
  return new MyCustomObj(p1, p2);
}

// 两个示例数组（假设长度一致，用来给对象传参）
const array1 = [10, 20, 30];
const array2 = ['foo', 'bar', 'baz'];

方法1：用Array.map()（最常用，还能顺便用数组元素当参数） #

如果你的两个数组是用来给对象传参的，map方法简直是量身定做——它会遍历数组的每一个元素，同时返回新的对象，最终自动组成对象数组：

// 直接生成对应长度的对象数组x
const x = array1.map((item, index) => {
  // 用当前数组元素+另一个数组对应索引的元素当参数
  return createObj(item, array2[index]);
});

解释：map的第二个参数index能帮你拿到当前元素的位置，这样就能精准匹配另一个数组的对应元素，完美对应数组的长度。

方法2：只根据数组长度创建对象（不用数组元素） #

如果不需要用数组里的元素，只是要“数组有多长就创建多少个对象”，可以用Array.from()或者fill()+map()：

用Array.from() #

// 根据array1的长度创建对象数组
const x = Array.from({ length: array1.length }, () => {
  return createObj(); // 这里可以传默认参数，比如createObj('default', 0)
});

用fill()+map() #

// 先创建指定长度的数组，再填充对象
const x = new Array(array1.length).fill(null).map(() => createObj());

注意：new Array(length)创建的是稀疏数组，直接用map不会遍历空元素，所以先fill(null)把数组填满，再用map创建对象。

额外提醒：处理数组长度不一致的情况 #

如果你的两个数组长度不一样，建议先取最短的长度来创建对象，避免索引越界：

const maxSafeLength = Math.min(array1.length, array2.length);
const x = Array.from({ length: maxSafeLength }, (_, index) => {
  return createObj(array1[index], array2[index]);
});

不过看你说已经用更简单的方法解决了需求，那这些思路也可以当作拓展技巧，以后遇到类似场景说不定能用得上～

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