JS的class可以通过extends关键字实现类似其他语言的继承效果,比起使用一个extends关键字,在es5中实现继承要复杂一些,可以通过修改原型链的方法实现继承,让一个原型对象等于另一个类型的实例等等,虽然也能够实现,但是不够直观。

constructor()方法中的super()表示调用父类的构造函数,在这里就是调用SIngleList类里面的构造函数。

接下来就可以使用SingleList类中已经实现的函数了,但是由于单向循环链表的某些操作还是不同于单链表的,所以对SingleList类中的一些方法,需要在CirSingleList类中重写。

//继承单链表的属性和方法,有一些方法需要重写

class CirListNode extends ListNode {
constructor() {
super()
}
// 在单循环链表中寻找最后一个节点
/** 使用count进行计数,如果与当前链表的长度相同就返回子节点,这样就可以避免陷入无限循环*/
findLast(): NodeItem {
let count = 0;
let currNode = this.head;
while (currNode.next) {
currNode = currNode.next;
count++;
if (count === this.size) {
return currNode;
}
}
return this.head;
} // 在单循环链表中寻找数据
/** 如果对应元素不存在会导致无限循环,
所以需要重写搜索函数,如果当前节点等于最后一个子节点就结束循环返回null*/
find(item: any): NodeItem {
let lastNode = this.findLast();
let currNode = this.head;
while (currNode.data != item) {
if (currNode == lastNode) {
currNode = null;
break;
}
currNode = currNode.next;
}
return currNode;
} // 在数据为item的节点后面插入数据为element元素的节点
/**
* 1. 插入的是头节点位置,如果当前链表为空,则将新节点插入到head节点后面,并指向自己,形成循环
* 2,插入的是头节点位置,当前链表不为空,则将新节点指向头节点的下一个节点,然后再将头节点指向新节点,再将尾节点指向新节点,形成一个新的循环
* 3, 插入的是中间位置,就正常插入即可
*/
insert(item: any, element: any): void {
let newNode = new NodeItem(element);
let itemNode = this.find(item);
let lastNode = this.findLast();
// 插入的位置处于头结点之后,第一个节点之前
if (item === 'head') {
if (this.size === 0) {
this.head.next = newNode;
newNode.next = newNode;
} else {
newNode.next = this.head.next;
this.head.next = newNode;
lastNode.next = newNode;
}
this.size++;
return;
}
// 处于链表中后位置时
newNode.next = itemNode.next;
itemNode.next = newNode;
this.size++;
} /**
* 1. 当前删除的节点是第一个节点时,如果此时单向循环链表只有一个节点,直接将此单向链表置空即可
* 2. 当前删除的节点是第一个节点时, 且此时单向循环链表不仅只有一个节点时,此时将头节点的next指针指向要删除节点的下一个节点,并将最后一个节点指向要删除节点的下一个节点
* 3. 除了前面的两种情况之外,只要将删除节点的前一个节点next指针指向要删除节点的后一个系欸但即可
*/
remove(item: any): void {
let lastNode = this.findLast();
let itemNode = this.find(item);
let preCurNode = this.head;
while (preCurNode.next !== itemNode) {
preCurNode = preCurNode.next;
}
if (itemNode === this.head.next) {
if (this.size === 1) {
this.head.next = null;
} else {
this.head.next = itemNode.next;
lastNode.next = itemNode.next;
}
} else { preCurNode.next = itemNode.next;
}
this.size--;
} /**
* 根据count计数来输出链表内容,防止陷入无限循环
*/
display(): void {
let count = 0;
let currNode = this.head;
let str = '';
while (count !== this.size) {
currNode = currNode.next;
str += currNode.data + '=>';
count++;
}
console.log(str)
} /**
* 在尾部插入数据
* 用写好的findLast()方法,找到最后一个节点,然后将最后一个节点next指针指向新的节点,再将新的节点指向此链表的第一个节点即可。
*/
append(element: any): void {
let lastNode = this.findLast();
let newNode = new NodeItem(element);
lastNode.next = newNode;
newNode.next = this.head.next;
this.size++;
}
} // n个人围成一圈,杀死第m个人,直到剩下s个人为止
// 输出存活的人的序号
let myList = new CirListNode(); function killPerson(n: any, m: any, s: any) {
for (let i = 1; i <= n; i++) {
myList.append(i);
} let currNode = undefined;
let toKill = null; while(myList.size>s) {
toKill = myList.advance(m, currNode); // 从currNode开始,前进m个节点
currNode = toKill; // 保存要删除的节点作为下一次循环的参数
myList.remove(toKill.data); // 删除第m个节点
}
myList.display();
} killPerson(41, 3, 2); // head->16->31
// killPerson(5, 4, 1); // head->1

数据结构篇(2) ts实现单循环链表的更多相关文章

  1. 数据结构篇(2) ts实现单链表

    interface NodeItem { prev: NodeItem | null next: NodeItem | null data: any } class NodeItem { prev: ...

  2. 新秀nginx源代码分析数据结构篇(两) 双链表ngx_queue_t

    nginx源代码分析数据结构篇(两) 双链表ngx_queue_t Author:Echo Chen(陈斌) Email:chenb19870707@gmail.com Blog:Blog.csdn. ...

  3. 菜鸟nginx源代码剖析数据结构篇(八) 缓冲区链表ngx_chain_t

    菜鸟nginx源代码剖析数据结构篇(八) 缓冲区链表 ngx_chain_t Author:Echo Chen(陈斌) Email:chenb19870707@gmail.com Blog:Blog. ...

  4. 菜鸟nginx源码剖析数据结构篇(八) 缓冲区链表ngx_chain_t[转]

    菜鸟nginx源码剖析数据结构篇(八) 缓冲区链表 ngx_chain_t Author:Echo Chen(陈斌) Email:chenb19870707@gmail.com Blog:Blog.c ...

  5. 菜鸟nginx源码剖析数据结构篇(三) 单向链表 ngx_list_t[转]

    菜鸟nginx源码剖析数据结构篇(三) 单向链表 ngx_list_t Author:Echo Chen(陈斌) Email:chenb19870707@gmail.com Blog:Blog.csd ...

  6. 数据结构篇(3)ts 实现双向链表

    如今终于到了双向链表了,此前在Node结构中的prev指针终于派上了用场.由于双向链表多了一个前向指针,所以有些操作和单向链表比较起来反而更加的简单. class DbList extends Cir ...

  7. 数据结构篇(1) ts实现栈的基本操作和解决相关问题

    interface Stack { _items: any push(element: any): void pop(): any top(): any size(): any isEmpty(): ...

  8. 图解Redis之数据结构篇——链表

    前言     Redis链表为双向无环链表!     图解Redis之数据结构篇--简单动态字符串SDS提到Redis使用了简单动态字符串,链表,字典(散列表),跳跃表,整数集合,压缩列表这些数据结构 ...

  9. 图解Redis之数据结构篇——简单动态字符串SDS

    图解Redis之数据结构篇--简单动态字符串SDS 前言     相信用过Redis的人都知道,Redis提供了一个逻辑上的对象系统构建了一个键值对数据库以供客户端用户使用.这个对象系统包括字符串对象 ...

随机推荐

  1. IOC——Spring的bean的管理(xml配置文件)

    Bean实例化(三种方式) 1.使用类的无参构造进行创建(大多数情况下) <bean id="user" class="com.bjxb.ioc.User" ...

  2. C++ | 栈的应用(逆波兰算法) | 计算器

    #include <iostream> using std::cin; using std::cout; using std::endl; template<typename T&g ...

  3. Quantum CSS,一个超快的CSS引擎

    开始 本文翻译自Inside a super fast CSS engine: Quantum CSS,如果想要阅读原文,可以点击前往,以下内容夹杂本人一些思考,翻译也并不一定完全. 碎碎念 为什么翻 ...

  4. 微信小程序&mpvue问题总结(1)

    微信小程序进入到首页的时候,日志打印出"created", "onlaunch", "mounted",具体代码如下:那么,在小程序中 cr ...

  5. 用css动态实现圆环百分比分配——初探css3动画

    最近的小程序项目有个设计图要求做一个圆环,两种颜色分配,分别代表可用金额和冻结金额.要是就直接这么显示,感觉好像挺没水平??于是我决定做个动态! 在mdn把新特性gradients(渐变).trans ...

  6. Nuxt.js服务端渲染实践,从开发到部署

    感悟 经过几个周六周日的尝试,终于解决了服务端渲染中的常见问题,当SEO不在是问题的时候,或许才是我们搞前端的真正的春天,其中也遇到了一些小坑,Nuxt.js官方还是很给力的,提issue后很积极的给 ...

  7. 子线程中如何修改ui界面

    1.Android进程 一个应用程序被启动时,系统默认创建执行一个叫做"main"的线程.这个线程也是你的应用与界面工具包(android.widget和android.view包 ...

  8. 记住用户名和登录密码+虚拟机没有root权限解决办法

    今日所学: 记住用户名和登录密码 用adb查看保存文件内容 如何使用adb 如何安装adb-百度经验 遇到的问题: 用adb查看文件时,没有权限访问data文件 出现原因:google play虚拟机 ...

  9. IO流的简单实现

    IO流的几种实现方式 学习目标: 例题: 字节输出流 字节输入流 字符输入流 字符输出流 学习目标: 熟练掌握IO流的基本实现方式 例题: 字节输出流 代码如下: public class Outpu ...

  10. JavaScript实现按钮改变网页背景色

    运行效果: 源代码: 1 <!DOCTYPE html> 2 <html lang="zh"> 3 <head> 4 <meta char ...