【进阶篇】js数组转换为树结构函数let data = [ { id: 1, text: 't11', parentId: 0 }, { id: 2, text: 't11', parentId: 0 }, { id: 3, text: 't11', parentId: 1 }, { id: 4, text: 't11', parentId: 1 }, { id: 5, text: 't11', parentId: 3 }, { id: 6, text: 't11', parentId: 2 }]function treeData (data, id, parentId, childName) { let cloneData = JSON.parse(JSON.stringify(data)) return cloneData.filter((father) => { let newArr = cloneData.filter((child) => { return father[id] === child[parentId] }) father[childName] = newArr return father[parentId] === 0 })}let msg = treeData(data, 'id', 'parentId', 'childaaa')console.log(msg)
【进阶篇】js数组转换为树结构函数
2022-09-26
87
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
【进阶篇】js数组转换为树结构函数
目录
相关文章
|
3天前
|
存储
JavaScript
索引
js开发：请解释什么是ES6的Map和Set，以及它们与普通对象和数组的区别。
ES6引入了Map和Set数据结构。Map的键可以是任意类型且有序，与对象的字符串或符号键不同；Set存储唯一值，无重复。两者皆可迭代，支持for...of循环。Map有get、set、has、delete等方法，Set有add、delete、has方法。示例展示了Map和Set的基本操作。
17
3
3
|
16天前
|
存储
JavaScript
索引
|
16天前
|
JavaScript
Java
|
24天前
|
JavaScript
|
24天前
|
JavaScript
|
24天前
|
JavaScript
|
1月前
|
自然语言处理
JavaScript
网络架构
js开发：请解释什么是ES6的箭头函数，以及它与传统函数的区别。
ES6的箭头函数以`=>`定义，简化了函数写法，具有简洁语法和词法作用域的`this`。它无`arguments`对象，不能用作构造函数，不支持`Generator`，且不改变`this`、`super`、`new.target`绑定。适用于简短表达式，常用于异步编程和高阶函数。
18
5
5
|
1月前
|
JavaScript
前端开发
API
|
1天前
|
JavaScript
前端开发
|
3天前
|
JavaScript
前端开发
js开发：请解释什么是ES6的Generator函数，以及它的用途。
ES6的Generator函数是暂停/恢复功能的特殊函数，利用yield返回多个值，适用于异步编程和流处理，解决了回调地狱问题。例如，一个简单的Generator函数可以这样表示：
```javascript
function* generator() {
yield 'Hello';
yield 'World';
}
```
创建实例后，通过`.next()`逐次输出"Hello"和"World"，展示其暂停和恢复的特性。
14
0
0
热门文章
最新文章
1
JavaScript基础语法（codewhy版本）（一）
2
JavaScript 权威指南第七版（GPT 重译）（三）(1)
3
JavaScript高级笔记-coderwhy版本（六）
4
JavaScript 权威指南第七版（GPT 重译）（六）(4)
5
JavaScript 权威指南第七版（GPT 重译）（四）(4)
6
JavaScript 权威指南第七版（GPT 重译）（二）(1)
7
JavaScript 权威指南第七版（GPT 重译）（六）(3)
8
JavaScript 权威指南第七版（GPT 重译）（三）(2)
9
报错/ ./node_modules/axios/lib/platform/index.js Module parse failed: Unexpected token (5:2)怎么解决？
10
在Blazor中使用Chart.js快速创建图表
1
监控内网电脑软件设计与实现：基于Node.js的服务器端架构分析
105
2
Java Script 中的垃圾回收机制有哪些缺点
13
3
描述 JavaScript 中的垃圾回收机制。
20
4
如何使用 JavaScript 操作 DOM？
15
5
解释 JavaScript 中的`map()`、`filter()`和`reduce()`方法的用途。
19
6
JavaScript 中的数组方法有哪些？
10
7
JS设置日期为0时0分0秒
28
8
JavaScript随手笔记 --- 对数据进行判断最大位数是否超过八位
24
9
JavaScript随手笔记 --- 用正则表达式匹配字符串是否为运算公式
21
10
深入理解JavaScript中的闭包与作用域链
9