本文详解在 javascript 中将多个独立变量或一维数组元素动态封装为嵌套子数组（即每个元素成为独立的单元素数组）的两种主流方法：直接推入包装数组与使用 map + 展开运算符。
在 JavaScript 开发中，常需将一组平铺值（如 set1, set2, set3）转换为结构化嵌套形式 [[set1], [set2], [set3]]，以适配后续处理逻辑（如表格行渲染、批量 API 请求封装、矩阵初始化等）。关键在于：每个原始值必须被包裹进一个新数组，并作为独立元素推入外层数组。
✅ 正确做法一：直接包装后 push
最直观的方式是为每个变量显式构造单元素数组，再调用 push()：
const set1 = "apple", set2 = "banana", set3 = "cherry"; const arr = []; arr.push([set1], [set2], [set3]); console.log(arr); // → [["apple"], ["banana"], ["cherry"]]
注意：push() 支持传入多个参数，每个参数都会作为新元素加入数组——因此 [set1]、[set2]、[set3] 分别成为 arr 的第 0、1、2 项（均为数组），而非被展开。
✅ 正确做法二：从一维数组映射生成嵌套结构
若变量已存在于数组中（如 const scalarArr = [set1, set2, set3]），推荐使用函数式方法：
const set1 = "apple", set2 = "banana", set3 = "cherry"; const arr = []; const scalarArr = [set1, set2, set3]; // map 每个元素为 [item]，再用 ... 展开传给 push arr.push(...scalarArr.map(item => [item])); console.log(arr); // → [["apple"], ["banana"], ["cherry"]]
⚠️ 重要提示：
- ❌ 错误写法 arr[pos].push(set1) 会报错，因为 arr[pos] 初始为 undefined（arr 是空数组，索引 pos 不存在）；
- ❌ splice() 或直接赋值（如 arr[pos] = [set1]）虽可避免报错，但需手动管理索引，易出错且不具扩展性；
- ✅ 始终优先使用 push([item]) 或 map().flat() 等声明式方法，语义清晰、安全可靠。
? 扩展：批量动态生成（适用于未知数量变量）
若变量来自对象属性或动态列表，可结合解构或 Object.values()：
const sets = { set1: "red", set2: "green", set3: "blue" };
const nested = Object.values(sets).map(val => [val]);
console.log(nested); // → [["red"], ["green"], ["blue"]]总结：动态创建子数组的核心是「值 → 单元素数组 → 推入外层数组」。避免操作未初始化的嵌套索引，善用数组字面量 [x] 和高阶函数，代码更健壮、可读性更高。
