1 列表的抽象数据类型定义
列表是一组有序的数据。每个列表中的数据项称为元素。在JavaScript 中,列表中的元素可以是任意数据类型。列表中可以保存多少元素并没有事先限定,实际使用时元素的数量受到程序内存的限制。
2 实现列表类
定义构造函数
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.length = length;
this.currPos = currPos;
this.moveTo = moveTo;
this.getElement = getElement;
this.length = length;
this.contains = contains;
}
2.1 append: 给列表添加元素
function append(el) {
this.dataStore[this.listSize++] = el
}
2.2 remove: 从列表中删除元素
先查找元素,然后删除,并且调整底层的数组对象以填补删除该元素后留下的空白。可以用splice()方法简化该过程。先写一个辅助方法find()
function find(el) {
for (var i = 0; i < this.dataStore.length; ++i) {
if (this.dataStore[i] == el) {
return i;
}
}
return -1;
}
remove()方法使用find()方法返回的位置对数组dataStore进行截取。数组改变后将变量listSize的值减1,以反映列表的最新长度。如果元素删除成功,该方法但会true,否则返回false。
function remove(el) {
var foundNum = this.find(el);
if (foundNum > -1) {
this.dataStore.splice(foundNum, 1);
--this.listSize;
return true;
}
return false;
}
2.3 length: 列表中有多少个元素
length()返回列表中元素的个数
function length() {
return this.listSize
}
2.4 toString: 显示列表中的元素
function toString() {
return this.dataStore
}
2.5 insert: 向列表插入一个元素
function insert(el, after) {
var insertPos = this.find(after);
if (insertPos > -1) {
this.dataStore.splice(insertPos + 1, 0, el);
++this.listSize;
return true;
}
return false;
}
首先找到要插入的位置元素after的位置,使用splice()方法将新元素插入该位置后将变量listSize加1并返回true,代表插入成功。
2.6 clear: 清空列表中所有元素
function clear() {
delete this.dataStore;
this.dataStore = [];
this.listSize = this.pos = 0;
}
2.7 contains: 判断给定值是否在列表中
function contains(el) {
for (var i = 0; i < this.dataStore.length; i++) {
if (this.dataStore[i] === el) {
return true;
}
}
return false;
}
2.8 遍历列表
一组方法允许用户在列表上自由移动,最后一个方法getElement()返回列表的当前元素:
function front() {
this.pos = 0;
}
function end() {
this.pos = this.listSize - 1
}
function prev() {
if (this.pos > 0) {
--this.pos;
}
}
function next() {
if (this.pos < this.listSize - 1) {
++this.pos;
}
}
funnction currPos() {
return this.pos;
}
function moveTo(position) {
this.pos = position;
}
function getElement() {
return this.dataStore[this.pos]
}
var names = new List();
names.append(“Clayton”);
names.append(“Raymond”);
names.append(“Cynthia”);
names.append(“Jennifer”);
names.front();
names.getElement(); // 显示Clayton
names.next();
names.getElement(); // 显示Raymond
上述代码段展示的这些行为实际上是迭代器的概念。
3 使用迭代器访问列表
使用迭代器可以不必关心数据的内部存储方式,以实现对列表的遍历。前面提到的方法font()、end()、prev()、next() 和currPos() 就实现了cList 类的一个迭代器。以下是和使用数组索引的方式相比,使用迭代器的一些优点。
- 访问列表元素不必担心底层的数据存储结构。
- 当为列表添加一个元素是,索引值就不对了,此时只用更新列表,不用更新迭代器。
- 可以用不同类型的数据存储方式实现cList类,迭代器为访问列表里的元素提供了一种统一的方式。
迭代器遍历列表的例子
向前遍历
for (names.front(); names.currPos() < names.length(); names.next()) {
console.log(names.getElement())
}
向后遍历
for(names.end();names.currPos()>=0;name.prev()){
console.log(names.getElement())
}
迭代器只是用来在列表中随意移动,而不应该和任何为列表增加或删除元素的方法一起使用。