多循环对象数组转自定义对象数组问题求助

嘿，我完全懂你碰到的这个坑！这种情况十有八九是作用域/闭包的陷阱在搞怪——你循环里用来取数组值的变量，最后所有对象都共享了它的最终值，导致每个属性都变成对应数组的最后一项。

先给你还原一下大概率的错误代码场景：

// 假设你有这几个数据源数组
const names = ["Alice", "Bob", "Charlie"];
const ages = [25, 30, 35];
const emails = ["alice@example.com", "bob@example.com", "charlie@example.com"];

// 错误写法：最终所有对象的属性都是数组最后一项
const users = [];
for (var i = 0; i < names.length; i++) {
  users.push({
    name: names[i],
    age: ages[i],
    email: emails[i]
  });
}

为啥会这样？因为用var声明的i是函数级作用域，整个循环里只有一个i变量。循环结束后，i的值是names.length（这里是3），而你创建的对象属性其实是对i的引用——当你后续访问这些对象时，i已经指向了循环的最终状态，所有对象自然都取到了数组的最后一项值。

接下来给你几个靠谱的解决办法：

1. 用let代替var声明循环变量 #

let是块级作用域，每次循环都会生成一个独立的i变量，每个对象都会绑定当前循环的那个i值：

const users = [];
for (let i = 0; i < names.length; i++) {
  users.push({
    name: names[i],
    age: ages[i],
    email: emails[i]
  });
}

2. 用数组的map方法（更简洁优雅） #

如果所有数据源数组的长度一致，直接用map遍历其中一个数组，通过索引取其他数组的值就行，天然避开作用域问题：

const users = names.map((name, index) => ({
  name, // 可以用对象简写语法简化代码
  age: ages[index],
  email: emails[index]
}));

3. 旧环境兼容方案：用立即执行函数（IIFE）捕获索引 #

如果你的代码要跑在不支持ES6的旧环境里，用IIFE给每个循环创建独立作用域，把当前索引传进去：

const users = [];
for (var i = 0; i < names.length; i++) {
  (function(currentIndex) {
    users.push({
      name: names[currentIndex],
      age: ages[currentIndex],
      email: emails[currentIndex]
    });
  })(i);
}

这样处理后，每个自定义对象都会正确绑定对应数组索引的值，不会再全部变成最后一项啦！

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