使用js实现常见的数据结构---链表,队列,栈,树

avatar
作者
筋斗云
阅读量:0

:本文只作为数据结构的实现参考和个人理解

链表

链表是由多个节点(node)连接起来的,每个节点包含了一些存储的数据和指向下一个节点的指针,

  1. 链表:多个连续的节点构成,
  2. 节点:包含一串数据,以及下一个节点的数据

注意:链表是由顺序的数据集结构,访问链表只能从头到尾的访问

 

// 定义一个节点 class Node {   constructor(data) {     this.data = data;     this.next = null;   } }  // 定义一个链表 class LinkedList {   constructor() {     this.first = null;//初始化头节点   }   // 添加节点   addNode(data) {     const node = new Node(data);     if (this.first === null) {       this.first = node;     } else {       let current = this.first;       while (current.next) {//后续节点存在         current = current.next;//移动到下一个节点       }       current.next = node;     }   }   // 删除节点   removeNode(data) {     if (this.first === null) {       return;     }     if (this.first.data === data) {       this.first = this.first.next;       return;     }     let current = this.first;     while (current.next) {       if (current.next.data === data) {         current.next = current.next.next;         return;       }       current = current.next;     }   }   // 遍历链表   getList() {     let current = this.first;     let arr = []     while (current) {       arr.push(current.data);       current = current.next;     }     return arr.reduce((a, b) => a + '->' + b, '');   } }  const list = new LinkedList(); list.addNode(1); list.addNode(2); list.addNode(3); list.addNode(4); list.addNode(5); console.log(list.getList()); list.removeNode(3); console.log(list.getList()); console.log(list); console.log(list.first.next);

队列

先进先出的数据结构:每次只能从队列的尾部添加数据,从队列的头部访问数据,

  1. 一头放数据,一头拿数据,不可直接访问中间的数据
// 创建一个队列 class Queue {   #value   constructor(){     this.#value = []   }   get value(){     return this.#value[this.#value.length - 1];//返回最后一个元素   }   set value(val){     this.#value.splice(0, 0, val);//头部添加元素   }   delValue(){     this.#value.pop()//删除最后一个元素   }   getQueue(){     return this.#value.toReversed().reduce((a,b)=> a+'->'+b, '')   } }  // 先进先出 const queue = new Queue() queue.value = 1 queue.value = 2 queue.value = 3 queue.value = 4 queue.value = 5 queue.value = 6 queue.value = 7 console.log(queue.getQueue()) console.log(queue.value)  queue.delValue() queue.delValue() console.log(queue.value) 

 栈

后进先出的数据结构:只有一个出入口,数据的增减都在尾部

  1. 只能在链式数据的一端进行访问数据和修改数据
// 后进先出 class Stack {   #value   constructor() {     this.#value = []   }   get value() {     return this.#value[this.#value.length - 1]   }   set value(val) {     this.#value.push(val)   }  }  const stack = new Stack() stack.value = 1 stack.value = 2 stack.value = 3 console.log(stack.value)

 

树是一个二维结构,一颗树从根节点出发,连接着多个子节点,每个子节点又连接着子孙节点,循环往复就组成了一棵树;

注意:在树中子节点只能指向子孙节点不能指向父节点,根节点只有一个,他是所有节点的父节点,不能被任何节点指向

  1. 根节点:每个数的根节点只能有一个(最顶层的节点)
  2. 叶节点:没有子节点的节点(最底层的节点)

 

class TreeNode {   constructor(data) {     this.data = data;     this.children = null;   }   add(data) {// 向节点添加子节点     if (this.children === null) {// 如果无字节点添加节点之前,设置属性为空数组       this.children = [];     }     this.children.push(new TreeNode(data));   }   remove(data) {// 移除节点的子节点     if (this.children === null) {       return false;     }     for (let i = 0; i < this.children.length; i++) {       if (this.children[i].data === data) {         this.children.splice(i, 1);         return true;       }     }     return false;   }   // 层序遍历树   // 记录层数, 每层节点放入一个数组   log() {     const result = []; // 存放结果的容器     let level = 0; // 记录层数,默认为顶层     result[level] = [String(level), this.data]; // 将根节点放入第一层,string表示层级     level++;// 下一层      function loop(node, level) {       if (!node.children) {// 没有子节点退出递归         return;       }       if (!result[level]) {// 如果没有创建数组,则创建         result[level] = [String(level)];       }        node.children.map(item => {         result[level].push(item.data);// 将结果放置再本层         loop(item, level + 1);// 递归调用下一层        })      }     loop(this, level);     console.log(result);   } }  const tree = new TreeNode(1); tree.add(2); tree.add(3); tree.children[0].add(4); tree.children[0].add(5); tree.children[1].add(6); tree.children[1].add(7); tree.children[0].children[0].add(8); tree.log();  console.log(tree)

总结 

        通过js的class的功能,可以很清晰的实现这些数据结构,本质上看数据结构表示的是按照一定的关系顺序存放数据,每个数据的单位都是节点,节点包含了一个单位数据(任意大小)和下一个节点的地址(引用),这里是使用js对象属性的方式来实现的;

        一维的数据结构中,链表是最基本的数据结构,它按顺序连接了多个节点,通过头节点就可以获取到整个链表数据,其他的数据结构(队列,栈)都类似链表结构的变式

        树是二维的数据结构,它的关系是一对多,一个节点指向了多个节点,同时树是开放的,一颗树是没有环状结构的(子节点不会引用父节点),一旦出现环状结构,就变成了图(封闭的二维数据结构)

这些基本结构的映射关系: 点(节点)--- 线(一维结构) --- 面 (二维结构)

补充:

        和数组的关系:数组也是一种数据结构,但它是连续的空间(连续的变量集合),而链表这样的结构它的数据是分散的(各处的变量集合)

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!