前言:

  1. 数据的存储结构顺序不重要,也不必对数据进行查找,列表就是一种很好的数据存储结构;

  2.此列表采用仿原生数组的原型链上的方法来写,具体可以参考MDN数组介绍,并么有用prototype来构造。

  3. 使用迭代器,可以不必关心数据的存储方式,以实现对列表的遍历。在下面的front()、end()、prev()、next()和currPos()就实现了实例类的一个迭代器,具有以下优点:

  a. 访问列表时不必关心底层的数据存储结构;

  b. 可以用不同的类型的数据存储方式来是实现实例类,迭代器为访问列表里的元素提供了一种统一的方式。

<一> 列表的抽象数据类型定义

  1. 列表是一组有序的数据。每个列表中的数据项称为元素。在javascript中,列表中的元素可以是任意的数据类型。列表中的可以保存多少元素并么有限制,实际使用时元素的数量受到内存的限制。

  2. 列表对应的属性和方法

listSize(属性) 列表中元素的个数
pos(属性) 列表的当前位置
length(属性)  返回列表中元素的个数
clear(方法) 清空列表中所有的元素 
toString(方法) 返回列表的字符串形式 
getElement(方法) 返回当前位置的元素 
insert(方法) 在现有元素后插入新元素 
append(方法) 在列表的末尾添加新元素 
remove(方法) 在列表中删除元素 
front(方法) 将列表的当前位置移动到第一个元素位置 
end(方法) 将列表的当前位置移动到最后一个元素位置 
prev(方法) 将当前位置后移一位 
next(方法) 将当前位置前移一位 
hasNext(方法) 判断是否还有下一位 
hasPrev(方法) 判断是否还有上一位 
currPos(方法) 返回列表的当前位置 
moveTo(方法) 将当前位置移动到指定位置 

3. 模拟列表来构造函数以及对应迭代器

/*
* 列表完整抽象数据类型定义
* */
function List() {
this.listSize = 0;
this.pos = 0;
this.dataStore = [];
this.clear = clear;
this.find = find;
this.toString = toString;
this.insert = insert;
this.append = append;
this.remove = remove;
this.front = front;
this.end = end;
this.prev = prev;
this.next = next;
this.hasNext = hasNext;
this.hasPrev = hasPrev;
this.length = length;
this.currPos = currPos;
this.moveTo = moveTo;
this.getElement = getElement;
this.contains = contains;
} function append(element) {
this.dataStore[this.listSize++] = element;
}
function find(element) {
for(var i = 0; i < this.dataStore.length; i++){
if(this.dataStore[i] === element){
return i;
}
}
return -1;
}
function remove(element) {
var foundAt = this.find(element);
if(foundAt > -1){
this.dataStore.splice(foundAt,-1);
--this.listSize;
return true
}
return false;
}
function length() {
return this.listSize;
}
function toString() {
// 该方法返回的是一个数组,而不是一个字符串,但列表的含义是为了显示列表的当前状态,所以返回数组比较合理
return this.dataStore;
}
function insert(element, after) {
var insertPos = this.find(after);
if(insertPos > -1){
this.dataStore.splice(insertPos,0,after);
++this.listSize;
return true
}
return false;
}
function clear() {
delete this.dataStore;
this.listSize = this.pos = 0;
this.dataStore.length = 0;
}
// 判断一个元素是否在列表中
function contains(element) {
for(var i = 0; i < this.dataStore.length; i++){
if(this.dataStore[i] === element){
return true
}
return false;
}
}
function front() {
this.pos = 0;
}
function end() {
this.pos = this.listSize-1;
}
function prev() {
--this.pos;
}
function next() {
if(this.pos < this.listSize){
++this.pos;
}
}
function currPos() {
return this.pos;
}
// 将当前位置移动到指定位置
function moveTo(position) {
this.pos = position;
}
function getElement() {
return this.dataStore[this.pos];
}
function hasNext() {
return this.pos < this.listSize;
}
function hasPrev() {
return this.pos >= 0;
}

javascript数据结构与算法——列表的更多相关文章

  1. javascript数据结构与算法---列表

    javascript数据结构与算法---列表 前言:在日常生活中,人们经常要使用列表,比如我们有时候要去购物时,为了购物时东西要买全,我们可以在去之前,列下要买的东西,这就要用的列表了,或者我们小时候 ...

  2. JavaScript数据结构与算法-列表练习

    实现列表类 // 列表类 function List () { this.listSize = 0; // 列表的元素个数 this.pos = 0; // 列表的当前位置 this.dataStor ...

  3. 为什么我要放弃javaScript数据结构与算法(第七章)—— 字典和散列表

    本章学习使用字典和散列表来存储唯一值(不重复的值)的数据结构. 集合.字典和散列表可以存储不重复的值.在集合中,我们感兴趣的是每个值本身,并把它作为主要元素.而字典和散列表中都是用 [键,值]的形式来 ...

  4. javascript数据结构与算法--高级排序算法

    javascript数据结构与算法--高级排序算法 高级排序算法是处理大型数据集的最高效排序算法,它是处理的数据集可以达到上百万个元素,而不仅仅是几百个或者几千个.现在我们来学习下2种高级排序算法-- ...

  5. javascript数据结构与算法-- 二叉树

    javascript数据结构与算法-- 二叉树 树是计算机科学中经常用到的一种数据结构.树是一种非线性的数据结构,以分成的方式存储数据,树被用来存储具有层级关系的数据,比如文件系统的文件,树还被用来存 ...

  6. javascript数据结构与算法--散列

    一:javascript数据结构与算法--散列  一:什么是哈希表? 哈希表也叫散列表,是根据关键码值(key,value)而直接进行访问的数据结构,它是通过键码值映射到表中一个位置来访问记录的,散列 ...

  7. javascript数据结构与算法---队列

    javascript数据结构与算法---队列 队列是一种列表,不同的是队列只能在队尾插入元素,在队首删除元素.队列用于存储按顺序排列的数据,先进先出,这点和栈不一样(后入先出).在栈中,最后入栈的元素 ...

  8. javascript数据结构与算法---栈

    javascript数据结构与算法---栈 在上一遍博客介绍了下列表,列表是最简单的一种结构,但是如果要处理一些比较复杂的结构,列表显得太简陋了,所以我们需要某种和列表类似但是更复杂的数据结构---栈 ...

  9. javascript数据结构与算法---检索算法(顺序查找、最大最小值、自组织查询)

    javascript数据结构与算法---检索算法(顺序查找.最大最小值.自组织查询) 一.顺序查找法 /* * 顺序查找法 * * 顺序查找法只要从列表的第一个元素开始循环,然后逐个与要查找的数据进行 ...

随机推荐

  1. [No000019A]IDEA 设置手册

    [No000019A]idea设置手册.rar IDEA 设置手册 IDEA 设置手册 plugin lgnore files and folesrs 代码管控 程序框架 部署方式 useless 3 ...

  2. SQL Server:时间范围查询重叠

    常常碰到要校验数据范围是否存在重叠冲突的情况,典型的场景是房间预订. 假如房间A已经有9月1日-9月10日的预订记录,当其它客人再来预订时,系统必须判断,不能与这个日期范围产生重叠. 有四种情况会产生 ...

  3. Selenium-PO设计模式

    先来一张图,看看整个Po架构的实现: operatePages:操作页面,也就是把每一个操作页面,写成一个类. pages:用来存放公共配置文件的一个目录.比如基础类,后续所有类都会用到基础类. re ...

  4. 使用Win10自带的截图工具

    Win10自带的截图工具还是可以的,快捷键win+shift+s 截完图之后会有一个通知,你可以对截图进行二次编辑,编辑之后默认是立即保存的 再搭配着Fu图床工具使用,简直太爽了 讲一下怎么打开通知

  5. Web API之Web Components

    本文参考<你的前端框架要被web组件替代了>. 于2011年面世的Web Components是一套功能组件,让开发者可以使用 HTML.CSS 和 JavaScript 创建可复用的组件 ...

  6. spring boot实现切割分片上传

    文件上传是web开发中经常会遇到的 springboot的默认配置为10MB,大于10M的是传不上服务器的,需要修改默认配置 但是如果修改支持大文件又会增加服务器的负担. 当文件大于一定程度时,不仅服 ...

  7. jdbc(mysql)数据库连接

    0.将驱动引入项目 在项目根目录新建文件夹lib,把数据库驱动mysql-connector-java-5.1.7-bin.jar放入该文件夹. 右键点击项目名称->properties-> ...

  8. Python实现堆

    堆 (heap) 是一种经过排序的完全二叉树,其中任一非叶子节点的值均不大于(或不小于)其左孩子和右孩子节点的值. 注:定义来自百度百科. 堆,又被为优先队列(priority queue).尽管名为 ...

  9. Python之logging.basicConfig函数各参数

    filename: 指定日志文件名 filemode: 和file函数意义相同,指定日志文件的打开模式,'w'或'a' format: 指定输出的格式和内容,format可以输出很多有用信息,如上例所 ...

  10. Opencv之漫水填充效果

    下面是opencv的漫水填充效果代码 这篇文章仅限个人的笔记 没有详细的注释 放代码 这是简单的示范 int main()//*******************简单的漫水填充算法实例 { Vide ...