如何高效将不同类型变量转换为JavaScript数组？

嘿，我完全懂你的需求——不是单纯把代码挤短，而是要更高效、更贴合ES6风格的方式，把单个值或数组统一转换成数组输出对吧？下面给你几个实用的方案，各有优劣，你可以根据场景选：

方案1：利用Array.concat()的天然灵活性 #

concat方法天生支持接收单个值或数组作为参数，会自动把它们处理成统一的数组格式：

const inp = Math.random() > 0.5 ? 'foo' : ['foo', 'bar'];
const outp = [].concat(inp);
console.log(outp); // 始终是数组：要么['foo']，要么['foo','bar']

• 优点：代码极简，原生方法兼容性拉满，甚至能处理null/undefined（比如[].concat(null)会得到[null]，完全符合你“包裹成数组”的需求）。
• 缺点：如果输入已经是数组，concat会返回一个新数组副本，而不是复用原数组。要是你在意内存开销，这点得留意。

方案2：三元运算符+Array.isArray()（首推） #

这是你原有代码的ES6优化版，兼顾可读性和性能：

const inp = Math.random() > 0.5 ? 'foo' : ['foo', 'bar'];
const outp = Array.isArray(inp) ? inp : [inp];
console.log(outp);

• 优点：
  • 逻辑直白，扫一眼就懂；
  • 当输入本身是数组时，直接返回原数组，不会创建新副本，内存效率更高；
  • 原生Array.isArray()是判断数组最可靠的方法（比typeof或instanceof准确得多）。
• 缺点：比concat多写了几个字符，但可读性完胜。

方案3：封装成通用工具函数（适合频繁使用的场景） #

如果你的代码里经常要做这种转换，封装成小函数复用性更强：

function toArray(value) {
  return Array.isArray(value) ? value : [value];
}

// 使用示例
const inp = Math.random() > 0.5 ? 'foo' : ['foo', 'bar'];
const outp = toArray(inp);
console.log(outp);

• 优点：语义化极强，调用时toArray(inp)一眼就知道在做什么，团队协作时更友好。
• 缺点：需要额外定义函数，但这是一次性成本。

额外小提示 #

要是你需要处理**null/undefined转空数组**的特殊情况，可以微调函数：

function toArray(value) {
  if (value == null) return []; // 专门处理null和undefined
  return Array.isArray(value) ? value : [value];
}

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