本文讲解如何将多个独立变量或一维数组元素，动态封装为每个元素各自独立的子数组，从而构建形如 [[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() 不适用于此场景：它用于在指定位置插入/删除元素，但不会自动创建嵌套结构；盲目使用易导致逻辑混乱且难以维护。
✅ 总结与最佳实践
| 场景 | 推荐写法 |
|---|---|
| 已知少量独立变量 | arr.push([set1], [set2], [set3]) |
| 变量已存于数组 | arr.push(...originalArr.map(x => [x])) |
| 需要链式构建（返回新数组） | const result = originalArr.map(x => [x]); |
始终牢记：JavaScript 数组是引用类型，[item] 创建的是全新数组实例，确保各子数组彼此隔离，避免意外的共享引用问题。
