如何动态创建包含单元素子数组的二维数组

本文讲解如何将多个独立变量或一维数组元素，动态封装为每个元素各自独立的子数组，从而构建形如 [[set1], [set2], [set3]] 的二维数组结构。核心方法是使用数组字面量 `[item]` 包裹每个值，并通过 `push()` 或展开运算符高效注入。

要实现从平铺变量（如 set1, set2, set3）到嵌套子数组（[[set1], [set2], [set3]]）的转换，关键在于为每个值显式构造一个新数组，而非直接推送原始值。

✅ 正确做法：逐个推送单元素数组

最直观的方式是使用数组字面量语法 [value]，并调用 push() 多次或一次性传入多个子数组：

const set1 = "apple", set2 = "banana", set3 = "cherry"; const arr = [];  arr.push([set1], [set2], [set3]); console.log(arr); // [["apple"], ["banana"], ["cherry"]]

push() 方法支持接收任意数量的参数，每个参数都会作为独立元素追加到数组末尾——因此传入 [set1]、[set2] 等，就等价于向 arr 中依次添加三个子数组。

✅ 进阶方式：从一维数组批量映射生成

若变量已存在于一个一维数组中（例如 const scalarArr = [set1, set2, set3]），推荐使用函数式方法：先用 map() 将每个元素转为单元素数组，再用展开运算符 … 批量推入：

const set1 = "apple", set2 = "banana", set3 = "cherry"; const arr = []; const scalarArr = [set1, set2, set3];  arr.push(...scalarArr.map(item => [item])); console.log(arr); // [["apple"], ["banana"], ["cherry"]]

⚠️ 注意：此处不可省略 …（展开运算符）。若写成 arr.push(scalarArr.map(…))，则会把整个映射结果（即一个数组）作为单个元素推入 arr，最终得到 [[[“apple”], [“banana”], [“cherry”]]] ——这是三维数组，不符合目标结构。

❌ 常见错误解析

• arr[pos].push(set1) 报错 TypeError: Cannot read properties of undefined，是因为 arr[pos] 本身未定义（arr 初始为空，索引 pos 对应位置无数组对象），自然无法调用 .push()。正确做法是先创建子数组，再插入，例如：

  arr[pos] = [set1]; // 赋值而非 push

• splice() 不适用于此场景：它用于在指定位置插入/删除元素，但不会自动创建嵌套结构；盲目使用易导致逻辑混乱且难以维护。

✅ 总结与最佳实践

始终牢记：javaScript 数组是引用类型，[item] 创建的是全新数组实例，确保各子数组彼此隔离，避免意外的共享引用问题。