多维数组，以及 业务中 递增数据计算！使用map方法 可以快速计算

 在日常开发中 可能遇到 一些让人很头疼的 递增数据 ，逻辑很清晰， 但代码写起来 就很复杂！~

之前 Vue （iview UI） 写过一个 购物网站的后台管理项目，里面有一个 型号递增规则 动态生成 表格数据！

写的我脑子都要炸了（怪我太菜了！） 

1. iview table表格 将来要接的数据格式 是 (最终UI 上需要同型号合并表格，忽略) :   （这里我只写到了  二级内容 业务中需要 三级）

[   
    { a: '型号1', c: '红色'},
    { a: '型号1', d: '蓝色'},
    { a: '型号1', e: '绿色'},
    { b: '型号2', c: '红色'},
    { b: '型号2', d: '蓝色'},
    { b: '型号2', e: '绿色'}
]

 2. 当初 同事帮助在网上找了一个 复杂的 for 循环方法， 生成到了以下结构数据 

【笛卡尔乘积公式算法】

 当然 还需要再次 forEach 加工 后才能得到 （1）中的数据结构

    function combolist(arr) {
      var sarr = [[]]
      for (var i = 0; i < arr.length; i++) {
        var tarr = []
        for (var j = 0; j < sarr.length; j++) {
          for (var k = 0; k < arr[i].length; k++) {
            tarr.push(sarr[j].concat(arr[i][k]))
          }
        }
        sarr = tarr
      }
      return sarr
    }

 

[
    ['型号1', '红色'],
    ['型号1', '蓝色'],
    ['型号1', '绿色'],
    ['型号2', '红色'],
    ['型号2', '蓝色'],
    ['型号2', '绿色']
]

 

最近 无意间看到 excel到处方法里 用了一行map方法，之后又去网上搜索了一下

下面是 提供的示例：

excel导出中遇到的部分：

jsonData.map(v => filterVal.map(j => v[j]))

网络提供示例：

var a = [1,2,3]
var b = [3,4]
a.map(a => (b.map(o => [a,o])))
// [ [[1,3],[1,4]], [[2,3],[2,4]], [[3,3],[3,4]] ]

a.flatMap(a => (b.map(o => [a,o])))
// [ [1,3],[1,4],[2,3],[2,4],[3,3],[3,4] ]

3.从而可以解决当初让我 头疼的数据结构：（这里我写了三级）

而且只需要一行代码便可以完成业务需要的数据结构(完美)  

let a = ['型号1', '型号2']
let b = ['红色', '蓝色', '绿色']
let c = ['L', 'XL']
let tabList = a.flatMap(aType => b.flatMap(bType => c.flatMap(cType => [{ name: aType, color: bType, size: cType }]) ))
console.log(tabList)