前言
一个需要将无限制嵌套的List进行结构调整的需求。
如下图三种嵌套的List菜单结构的转换。
内容
主要是一个由Js实现的方法递归调用，实现的过程没有多少困难，具体代码如下：
changeList(lists) {
if(lists && lists.length > 0) {
for (let i = 0; lists.length>i;i++) {
if(lists[i].childList && lists[i].childList.length > 0) {
this.changeMenus(lists[i].childList);
if (lists[i].childList.length === 1){
const first = lists[i].childList[0];
lists.splice(i, 1, first);
}
}
}
} else {
return;
}
return lists;
}
小结
这里需要注意的是元素的替换方式，考虑到可能溢出的问题，将原来
const first = lists[i].childList[0];
lists[i] = first；
换为了如下方式
const first = lists[i].childList[0];
lists.splice(i, 1, first);
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/144238.html
