概念

树是一种分层数据的抽象模型。

树的常用操作：

深度优先遍历
广度优先遍历

实现

JavaScript中没有树，但是可用Object和Array来构建树，如上图中的树可表示为：

const tree = {val: 'A',children: [{val: 'B',children: [{val: 'D',children: [{val: 'J',children: []}]}, {val: 'E',children: []}, {val: 'F',children: []}]}, {val: 'C',children: [{val: 'G',children: []}, {val: 'H',children: []}]}]
};

遍历

深度优先遍历

尽可能深地搜索树的分支。

访问根节点
对根节点的子节点依次进行深度优先遍历

如上图所示，深度优先遍历这棵树，访问顺序为A - B - D - K - E - F - C - G - H。

// 深度优先遍历
const dfs = (root) => {// 访问根节点console.log(root.val);// 对根节点的子节点依次进行深度优先遍历root.children.forEach(item => { dfs(item) });
};

广度优先遍历

先访问离根节点最近的节点。

新建队列，根节点入队
队头出队并访问
把队头的子节点依次入队
循环2、3步骤，直到队列空

如上图所示，广度优先遍历这棵树，访问顺序为A - B - C - D - E - F - G - H - K，即按照一级、二级、三级节点的顺序依次访问。

// 广度优先遍历
const bfs = (root) => {// 创建队列const queue = [root];while (queue.length > 0) {// 获取根节点，根节点出队const n = queue.shift();// 访问队头console.log(n.val);// 队头的子节点依次入队n.children.forEach(item => {queue.push(item)});}
};

JavaScript 数据结构——树相关推荐

JavaScript数据结构——树（Tree）
概念和结构树由若干节点组成. 每个结点有零个或多个子结点:没有父结点的结点称为根结点:每一个非根结点有且只有一个父结点:除了根结点外,每个子结点可以分为多个不相交的子树. 我们这里实现二叉搜索树.二 ...
JavaScript数据结构——树Tree
5.1 --简述二叉树.AVL树.红黑树根节点: 位于数顶部的节点: 内部节点: 存在子元素的节点: 外部节点: 没有子元素的节点: 树的深度: 节点的深度取决于它的祖先节点的数量: 树的高度: ...
JavaScript数据结构——树
文章目录二叉树二叉搜索树 insert() 树的遍历中序先序后序最小节点最大节点搜索指定值一个树结构含有父子关系的节点,除了根节点外,每一个节点都一个父节点和0个或者多个子节点.如下 ...
JavaScript数据结构与算法 - 树
1. 树数据结构树是一种分层数据的抽象模型树是一种非顺序的数据结构树对于存储需要快速查找的数据非常有用常见例子:如公司的组织架构图树结构: 2. 二叉树和二叉搜索树二叉树: 只能有左右两个 ...
JavaScript数据结构与算法（1）（数组、栈、队列、链表）（ES6）
注意:原教学视频:JavaScript(ES6)数据结构和算法 | JavaScript数据结构与算法 (都是CoderWhy老师的教学) 原作者(笔记)链接:JavaScript 数据结构与算法 | ...
JavaScript数据结构和算法简述——数组
为什么先讲数组数据结构可以简单的被分为线性结构和非线性结构. 线性结构大致包括: 数组(连续存储): 链表(离散存储): 栈(线性结构常见应用,由链表或数组增删和改进功能实现): 队列(线性结构常见 ...
JavaScript数据结构和算法简述——前言
为什么要使用数据结构和算法(程序=数据结构+算法) 数据结构是对在计算机内存中(有时在磁盘中)的数据的一种安排.包括数组.链表.栈.二叉树.哈希表等. 算法是对这些结构中 ...
JavaScript数据结构——图的实现
在计算机科学中,图是一种网络结构的抽象模型,它是一组由边连接的顶点组成.一个图G = (V, E)由以下元素组成: V:一组顶点 E:一组边,连接V中的顶点下图表示了一个图的结构: 在介绍如何用Ja ...
你必须要知道的JavaScript数据结构与面试题解答
英文原文 | https://dev.to/educative/7-javascript-data-structures-you-must-know-4k0m 原文作者 | Ryan Thelin和A ...

JavaScript 数据结构——树

概念

实现

遍历

深度优先遍历

广度优先遍历

JavaScript 数据结构——树相关推荐

最新文章

热门文章