js把多维数组的子数组根据需求循环出来(一个父数组带一个子数组)

功能介绍：默认数组形式是多维数组中嵌套多维子数组，想要的数组形式是多维数组中每个父数组中只带一个子数组，其他子数组依次循环出来！

var data = [
  {name:'张三', child:[{id:1,edu:'大学'},{id:2,work:'IT工程师'},{id:3,state:'未婚'}]},
  {name:'李四', child:[{id:1,edu:'高中'},{id:2,work:'拖拉机师'},{id:3,state:'已婚'}]}
]
var data2 = []
for(var i=0; i<data.length; i++){
  for(var j=0; j<data[i].child.length; j+=1){
  	data2.push({
  	id: (i+1).toString() + (j+1),
  	name:data[i].name,
  	child:data[i].child.slice(j,j+1)
  	})
  }
}
console.log(data2)

子数组循环，j+1根据循环一条，想要带2条子数组+2，依次类推！

最终效果：

(6) [{…}, {…}, {…}, {…}, {…}, {…}]
0: {id: '11', name: '张三', child: Array(1)}
1: {id: '12', name: '张三', child: Array(1)}
2: {id: '13', name: '张三', child: Array(1)}
3: {id: '21', name: '李四', child: Array(1)}
4: {id: '22', name: '李四', child: Array(1)}
5: {id: '23', name: '李四', child: Array(1)}
length: 6
[[Prototype]]: Array(0)