把多维数组children降维到平级

685 ℃

//把多维数组children降维到平级

1、数据

let data = [{
	hosp:'北京一院',
	type:'门诊',
	children:[
		{name1:1, num1:11},
		{name2:22,num2:23},
		{name3:32,num3:33},
		{name4:42,num4:43}
	]
},{
	hosp:'上海协和医院',
	type:'住院',
	children:[
		{name1:"a", num1:11},
		{name2:"a2",num2:23},
		{name3:"a3",num3:33},
		{name4:"a4",num4:43}
	]
}]

2、方法

let arr1 = []
let arr2 = []
let arr3 = []
data.forEach(item=>{
	arr1.push({
		hosp:item.hosp,
		type:item.type,
	})
	arr2.push(Object.assign({},...item.children))
	arr3 = arr1.map((item, index) => {
		return { ...item, ...arr2[index] };
	});
})

3、结果

console.log('结果输出', arr3)
[{
	hosp: "北京一院",
	name1: 1,
	name2: 22,
	name3: 32,
	name4: 42,
	num1: 11,
	num2: 23,
	num3: 33,
	num4: 43,
	type: "门诊"
},{
	hosp: "上海协和医院",
	name1: "a",
	name2: "a2",
	name3: "a3",
	name4: "a4",
	num1: 11,
	num2: 23,
	num3: 33,
	num4: 43,
	type: "住院"
}]

jquery如何判断父元素中是否包含子元素

es6语法如何实现对象浅拷贝

es6语法中关于object方法介绍

jquery如何利用unwrap删除指定元素但保留子元素(children)

es6语法实现对象浅拷贝和深拷贝的介绍(附代码)

标签: children, Object.assign, 降维

上面是“把多维数组children降维到平级”的全面内容,想了解更多关于 js 内容,请继续关注web建站教程。

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

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

Naive Ui Admin中后台前端框架中文文档官网介绍
如何解决织梦中动态页面不显示数据问题?
基于JavaScrip的web动画库——GSAP
织梦cms5.6如何将软件下载次数直接生成静态
vue语法中有哪些内置指令