《数据结构与算法JavaScript描述》读书笔记--第三章-列表

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())
}

迭代器只是用来在列表中随意移动,而不应该和任何为列表增加或删除元素的方法一起使用。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值