如何从父数组生成独立数组变量？将每个元素存入单独数组

嘿，我来帮你搞定这个需求！先说说你原来的代码为啥没达到预期效果：你在map里每次都调用myarr1.push(current)，这意味着三个元素都会被塞进同一个myarr1数组里，最后它肯定会变成[1,2,3]，而不是你想要的三个独立数组。

下面给你几种靠谱的解决方案：

方法一：解构赋值 + map（最简洁） #

因为你的数组长度是固定的3，用这种方法最直接：

var myArray = [1,2,3];
// 把每个元素转成单元素数组，再解构赋值给三个变量
var [arr1, arr2, arr3] = myArray.map(item => [item]);

console.log(arr1); // 输出 [1]
console.log(arr2); // 输出 [2]
console.log(arr3); // 输出 [3]

这里map会把原数组的每个元素都包装成一个单元素数组，生成新数组[[1],[2],[3]]，然后用解构赋值把这三个子数组分别赋给arr1、arr2、arr3。

方法二：循环创建变量（不推荐全局变量） #

如果需要动态根据数组长度创建变量，你可以用循环，但不建议直接挂到全局对象上（容易污染全局作用域）：

var myArray = [1,2,3];
for (let i = 0; i < myArray.length; i++) {
  // 把变量挂到window对象（浏览器环境），命名为arr1、arr2...
  window[`arr${i+1}`] = [myArray[i]];
}

console.log(arr1); // [1]
console.log(arr2); // [2]
console.log(arr3); // [3]

方法三：用对象管理（更规范） #

相比直接创建全局变量，用一个对象来存储这些独立数组会更安全、更易维护：

var myArray = [1,2,3];
var resultObj = {};

myArray.forEach((item, index) => {
  resultObj[`arr${index+1}`] = [item];
});

console.log(resultObj.arr1); // [1]
console.log(resultObj.arr2); // [2]
console.log(resultObj.arr3); // [3]

这种方式不会污染全局作用域，后续要操作这些数组也更方便。

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