JS如何比对两个树形结构数组数据,实测,可直接使用
相信在平时的开发工作中,前端经常会遇到处理数组结构的数据,最近项目需要,发现如何比对两个树形结构数组数据是一个难点,人狠话不多,直接操代码,可直接使用
核心方法:
//拉伸树形结构数组数据为一维数组,方便比对
function readNodes(nodes = [], arr = []) {
for (let item of nodes) {
arr.push(item);
if (item.children && item.children.length) {
readNodes(item.children, arr);
}
}
return arr;
}
得到两个树形数据,就可以开始对比了
//比对需要提交的树形数据和最开始的树形数据有什么不同,循环原始的树形数据,对比新树数据,没有找到的就是需要删除的数据
var newtree = shiptree;
var oldtree = JSON.parse(localStorage.getItem("oldtree"));
//把树形结构数组拉伸输出为一维数组
var n_newtree = readNodes(newtree);
var n_oldtree = readNodes(oldtree);
直接看结果
上面两个数组是没有拉伸的原始树形结构数组数据,下面的两个数组是已经拉伸成一维数组的数据,两个一维数组比对起来是不是方便许多
比对方法
//需要删除的id集合
var deleids = [];
n_oldtree.forEach(item => {
const index = n_oldtree.findIndex((items) => {
return item.id == items.id
});
if (index <0) {
//console.log("未找到");
deleids.push(item.id);
}
})
findIndex查询数组中存在的索引位置,index=-1未查到
分类:
js
标签:
html
, javascript
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· 什么是nginx的强缓存和协商缓存
· 一文读懂知识蒸馏
· Manus爆火,是硬核还是营销?