let data = [
{id: 1, text: '清北', parentId: 0},
{id: 2, text: '浙京', parentId: 2},
{id: 3, text: '浙京', parentId: 1},
{id: 4, text: '浙京', parentId: 3},
{id: 5, text: '清北', parentId: 1},
{id: 6, text: '浙京', parentId: 0},
];
data.forEach(ele => {
let parentId = ele.parentId;
if (parentId === 0) {
//parentId===0是根路径
} else {
//其它的扔到根路径child下面数组中.
data.forEach(d => {
if (d.id === parentId) {
let childArray = d.child;
if (!childArray) {
childArray = []
}
childArray.push(ele);
d.child = childArray;
}
})
}
});
//去除重复元素
data = data.filter(ele => ele.parentId === 0);
console.log('输出结果: ', data);
//输出结果
//0: {id: 1, text: '清北', parentId: 0, child: Array(2)}
//1: {id: 6, text: '浙京', parentId: 0}
js根据相同key合并生成子数组children(兼容ie10)
上面是“js数组中将有父子关系的平行数组转换成树形数据”的全面内容,想了解更多关于 js 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_2163.html
workflows工作流
一辆停在混凝土墙前运动型SUV捷豹概念车
斗鸡场威武雄鸡ComfyUI工作流
一只可爱的毛茸茸的猫ComfyUI工作流
森林里有一个皮肤像抛光黑曜石的生物
一种长着彩虹翅膀的虫子comfyui工作流
一幅骨架坐在公园的长椅上
森林里一只邪恶的树妖ComfyUI工作流
一只猫捧着一条鱼ComfyUI工作流
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

3d空间行走效果
js+css3做一个灯泡开灯关灯效果
利用CSS3做一个星级评分样式
canvas黑洞漩涡(canvas+js)
barcode条形码/qrcode二维码兼容所有浏览器(含ie6/ie7/ie8)
css3搭积木叠加图形
日历设置每个月颜色都不一样
纯css翻书效果












