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

1003 ℃

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

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)

js获取数组前十条数据

js循环判断是否符合条件(兼容ie浏览器)

es6语法中数组的使用方法(...展开符)

javscript获取本月的开始日期和结束日期(包括上个月、下个月)

php如何修改原数组(foreach循环)

标签: js, 数组, 数组循环, 数组重组

上面是“js把多维数组的子数组根据需求循环出来(一个父数组带一个子数组)”的全面内容,想了解更多关于 js 内容,请继续关注web建站教程。

当前网址:https://m.ipkd.cn/webs_2344.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

HTTP协议中常见的请求方法有哪些?GET请求和POST请求之间的主要区别介绍
lodop打印纵向高度自适应(小打印纸)
详解织梦dedecms5.7 无限级多级栏目菜单调用方法
php语法如何生成excel表格并导出
wordpress底部的版权日期如何实现每年自动更新