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工作流
大黄蜂空中决战ComfyUI工作流
外星人ComfyUI工作流
五彩斑斓的蛇状飞鸟
令人着迷的一只老虎ComfyUI工作流
一只开屏的白色孔雀ComfyUI工作流
文生图工作流:一幅海底睡莲,碧海蓝天comfyui工
一个由红色玻璃制成的女性形状的破碎雕塑
在地铁站里一个迷茫的非主流姑娘
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

纯css翻书效果
html5如何3D立方体旋转特效
在线生成金属文字
3d空间行走效果
利用css绘画棋盘布局(象棋)
canvas空间文本射线
jquery鼠标滑过图片边框特效(jquery.focus-follow插件)
利用html5+css3实现滚雪球效果(附代码)






