JavaScript(ES6)如何将数组每个元素转为单独子数组组成新数组

需求说明 #

需要将一维数组的每个元素单独包装为单元素数组，最终整合为新的二维数组：

• 示例输入：

const inputArray = ['One', 'Two', 'Three']

• 期望输出：

const outputArray = [['One'],['Two'],['Three']]

最简实现 #

直接用数组map方法搭配ES6箭头函数即可，代码非常简洁：

const outputArray = inputArray.map(item => [item])

其他ES6可选写法 #

用ES6新增的Array.from方法也能实现相同效果，第二个参数直接传映射回调即可：

const outputArray = Array.from(inputArray, item => [item])

逻辑说明 #

• 两种方案的核心逻辑一致：遍历原数组的每一项，把当前元素包进一个新的空数组中返回，最终所有返回的单元素数组会按顺序拼成目标二维数组
• 箭头函数是ES6的核心特性之一，针对这种单行返回值的简单逻辑，可以省略function关键字、函数体花括号和return关键字，大幅简化代码书写

内容的提问来源于stack exchange，提问作者R.H