js实现复杂数据结构之List

前言

List是一组有序的数据,我们将List中的每个数据称之为元素。

定义

在设计一个数据结构之前,首先我们需要对其进行抽象,给出List的定义,List应该有什么属性以及什么方法,这个例子中,我们将使用javaScrip数组来作为数据源(近期在学习typeScript,所以以下例子使用ts实现,如想查看js版,请访问gitHub)

1.属性

  • 查看 List中的元素个数
    length
  • List当前的位置
    index
  • 数据源
    dataSourc
  1. 方法
  • 获取List中元素个数
    getSize
  • 清空List中所有的元素
    clear
  • 返回List的字符串形式
    toString
  • 获取当前位置的元素
    getElement
  • 在现有元素后插入新元素
    insert
  • 在List末尾添加元素
    add
  • 从List中删除元素
    remove
  • 将List当前的位置移动到第一个元素
    front
  • 将List当前的位置移动到最后一个元素
    end
  • 将当前位置前移一位
    prev
  • 将当前位置后移一位
    next
  • 判断后一位
    hasNext
  • 判断前一位
    hasPrev
  • 返回List当前位置
    getIndex
  • 将位置移动到指定位置
    moveTo
  • 判断List中是否存在某元素
    contains

实现List类

class List<T> {
  private _length: number;
  private _index: number;
  private _dataSource: Array<T>;

  public clear = () => { }
  private _find = () => { }
  public toString = () => { }
  public insert = () => { }
  public add = () => { }
  public remove = () => { }
  public front = () => { }
  public end = () => { }
  public prev = () => { }
  public next = () => { }
  public hasPrev = () => { }
  public hasNext = () => { }
  public getSize = () => { }
  public getIndex = () => { }
  public moveTo = () => { }
  public getElement = () => { }
  public contains = () => { }
}

实现方法

  • add
    在数组的最后添加一个元素,并让长度+1
public add = (element: T): void => {
    this._dataSource[this._length] = element;
    this._length++;
  }
  • remove
    首先判断该List中是否存在元素,如果存在则删除,并返回true,否则返回false
public remove = (element: T): boolean => {
    const index = this._find(element);
    if (index > -1) {
      this._dataSource.splice(index, 1);
      this._length--;
      return true;
    }
    return false;
  }
  • clear
    数组的length属性是可写的,设为0删除所有元素,并设置其它状态初始化
public clear = (): void => {
    this._dataSource.length = 0;
    this._length = 0;
    this._index = 0;
  }
  • contains
    判断元素是否存在与List中,内部调用_find方法来进行判断;
public contains = (element: T): boolean => {
    const index: number = this._find(element);
    if (index > -1) return true;
    return false;
  }
  • 遍历List
 public front = (): void => {
    this._index = 0;
  }
  public end = (): void => {
    this._index = this._length - 1;
  }
  public prev = (): void => {
    if (this._index > 0) this._index --;
  }
  public next = (): void => {
    if (this._index < this._length) this._index ++;
  }
  public hasPrev = (): boolean => {
    return this._index >= 0;
  }
  public hasNext = (): boolean => {
    return this._index < this._length;
  }
  public getSize = (): number => {
    return this._length;
  }
  public getIndex = (): number => {
    return this._index;
  }
  public moveTo = (newIndex): number => {
    return this._index = newIndex;
  }
  public getElement = (): T => {
    return this._dataSource[this._index];
  }

到目前为止就已经实现了List的所有方法,下面让我们来使用这个List

const list = new List<string>();
list.add('a');
list.add('b');
list.add('c');
for (list.front(); list.hasNext(); list.next()) {
  console.log('element', list.getElement())
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,099评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,828评论 3 387
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,540评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,848评论 1 285
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,971评论 6 385
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,132评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,193评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,934评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,376评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,687评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,846评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,537评论 4 335
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,175评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,887评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,134评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,674评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,741评论 2 351

推荐阅读更多精彩内容

  • 一、基础知识:1、JVM、JRE和JDK的区别:JVM(Java Virtual Machine):java虚拟机...
    杀小贼阅读 2,373评论 0 4
  • 今天晚上,先生批评我没脑子,原因是我不想安排 “一群人”的聚会。 这是我们的礼貌吧,一堆人,热热闹闹,家常里短,八...
    雪飞老师阅读 488评论 0 2
  • worker_processes 8; nginx进程数,建议按照cpu数目来指定,一般为它的倍数(如:2个4核的...
    Hi_One阅读 1,328评论 0 0
  • 印象中她是一个面容姣好,身段婀娜的女人,她齐腰的乌黑秀发上经常变换着各种美丽的发夹,每当她穿着细细的高跟鞋在...
    zheng大聪阅读 403评论 3 3