JavaScript实现一维数组转换为多个单元素子数组的方法

需求说明 #

待转换原数组：

["url1","url2","url3","url4","url5","url6"]

目标是将每个元素单独包裹为单元素子数组，最终得到二维数组，逐行展示效果如下：

["url1"],
["url2"],
["url3"],
["url4"],
["url5"],
["url6"],

实现代码 #

最简洁的实现方式是使用数组原生map方法，遍历每个元素并返回包裹该元素的新数组：

// 原数组
const sourceArr = ["url1","url2","url3","url4","url5","url6"];
// 转换得到二维数组
const nestedArr = sourceArr.map(item => [item]);

执行后nestedArr的值为[["url1"],["url2"],["url3"],["url4"],["url5"],["url6"]]，完全符合结构要求。

如果需要输出和示例完全一致的逐行带逗号的文本格式，可以追加遍历打印逻辑：

nestedArr.forEach(subArr => {
  console.log(`${JSON.stringify(subArr)},`)
})

打印输出效果：

["url1"],
["url2"],
["url3"],
["url4"],
["url5"],
["url6"],

低版本环境兼容写法 #

如果运行环境不支持ES6箭头函数，可以改用普通函数写法：

var sourceArr = ["url1","url2","url3","url4","url5","url6"];
var nestedArr = sourceArr.map(function(item) {
  return [item];
});

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