JavaScript阶段性学习（三）---列表（数据结构）

JavaScript阶段性学习（三）—列表（数据结构）

总结《数据结构与算法JavaScript描述》 ——列表篇

列表的抽象数据类型定义

列表是一组有序的数据。每个列表中的数据项称为元素。在 JavaScript 中，列表中的元素 可以是任意数据类型。列表中可以保存多少元素并没有事先限定，实际使用时元素的数量 受到程序内存的限制。不包含任何元素的列表称为空列表。

列表的抽象数据类型定义：

实现列表类

根据上面定义的列表抽象数据类型，可以直接实现一个 List 类。在这里使用构造函数，但是这里的构造函数是不属于列表定义的抽象数据类型。所以不要混淆了。

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.currPos = currPos; //返回列表的当前位置
this.moveTo = moveTo; //将当前位置移动到指定位置
this.getElement = getElement; //显示当前元素
this.length = length; //列表中包含元素的个数
this.contains = contains;//判断给定值是否在列表中

1.append：给列表添加元素

我们要实现的第一个方法是 append()，该方法给列表的下一个位置增加一个新的元素，这 个位置刚好等于变量 listSize 的值：

function append(element) { 
	this.dataStore[this.listSize++] = element; 
}

2.remove：从列表中删除元素

首先，需要在列表中找到该元素，然后删除它，并且调整底层的数组对象以填 补删除该元素后留下的空白。

function find(element) { 
	for (var i = 0; i < this.dataStore.length; ++i) { 
		if (this.dataStore[i] == element) { 
		return i; 
		} 
	}
	return -1; 
}

3.find：在列表中查找某一元素

find() 方法通过对数组对象 dataStore 进行迭代，查找给定的元素。如果找到，就返回该元素在列表中的位置，否则返回 -1。

function remove(element) { 
	var foundAt = this.find(element); 
	if (foundAt > -1) { 
		this.dataStore.splice(foundAt,1); 
		--this.listSize; 
		return true; 
	}
	return false; 
}

4.length：列表中有多少个元素

length() 方法返回列表中元素的个数：

function length() { 
	return this.listSize; 
}

5.toString：显示列表中的元素

function toString() { 
	return this.dataStore; 
}

6.insert：向列表中插入一个元素

如果在前面的列表中删除了 Raymond，但是现在又想将 它放回原来的位置，该怎么办？ insert() 方法需要知道将元素插入到什么位置，因此现在 我们假设插入是指插入到列表中某个元素之后。

function insert(element, after) { 
	var insertPos = this.find(after); 
	if (insertPos > -1) { 
		this.dataStore.splice(insertPos+1, 0, element); 
		++this.listSize; 
		return true; 
		}
	return false; 
}

7. clear：清空列表中所有的元素

clear() 方法使用 delete 操作符删除数组 dataStore，接着在下一行创建一个空数组。最 后一行将 listSize 和 pos 的值设为 1，表明这是一个新的空列表

function clear() { 
	delete this.dataStore; 
	this.dataStore = []; 
	this.listSize = this.pos = 0; 
}

8.contains：判断给定值是否在列表中

当需要判断一个给定值是否在列表中时，contains() 方法就变得很有用。下面是该方法的 定义：

function contains(element) { 
	for (var i = 0; i < this.dataStore.length; ++i) { 
		if (this.dataStore[i] == element) { 
			return true; 
		} 
	}
	return false; 
}

9.遍历列表

最后的一组方法允许用户在列表上自由移动，最后一个方法 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; 
	} 
}
function 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.append("Bryan"); 
names.append("Danny"); 

现在移动到列表中的第一个元素并且显示它：

names.front();
console.log(names.getElement()); // 显示 Clayton 

接下来向前移动一个单位并且显示它：

names.next(); 
console.log(names.getElement()); // 显示 Raymond

现在，让我们先向前移动两次，然后向后移动一次，显示出当前元素，看看 prev() 方法的 工作原理：

names.next();
names.next(); 
names.prev(); 
console.log(names.getElement()); // 显示 Cynthia