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工作流
一只由水晶制成的蜂鸟
3D几何打印人体模型ComfyUI工作流
一头巨大的古代大象背后建着一座城市
沙漠里一只红黑相间的蝎子
一只千纸鹤坐在路上哭泣ComfyUI工作流
一辆机器人虎狮高端混合动力车ComfyUI工作流
一座千年九尾白狐玉雕ComfyUI工作流
一只猫捧着一条鱼ComfyUI工作流
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

利用js做一个炫酷音乐背景效果
纯css3绘制的小鸟
3d文字动画效果
html5如何3D立方体旋转特效
利用CSS3做一个星级评分样式
js导出excel插件(兼容mac电脑Numbers表格)
css3做一个风雨雷电天气动态图标
css3画弹珠,可以滚动!










