js实现存储对象的数据结构hashTable和list

AxeSlide软件项目梳理   canvas绘图系列知识点整理

以下代码是typescript语言来写的，其实和es6面向对象的写法基本一致。大家阅读后都明白这些方法的作用。

hash

hash结构用于处理和表现类似key/value的键值对，其中key通常可用来快速查找，同时key是区分大小写；value用于存储对应于key的值。

实现该数据结构的几个方法：

函数名	说明	返回值
set(key,value)	添加项	无
del(key)	根据key删除一项	无
has(key)	是否包含某个key	bool
get(key)	根据key值获取value	value
first()	获取第一个value	value
last()	获取最后一个value	value
count()	获取项总数	int
all()	返回所有值的数组	array
getByIndex(index)	根据在数组中的index顺序获取value	value
foreach(callback)	遍历所有值	无
indexOf(key)	根据key值获取在数组中的顺序值	index，int
insertAt(index,value,key)	在指定index位置插入key，value	无

   export class HashTable<T> {
         private items: { [key: string]: HashValue<T> };
         @SerializeProperty({ list: true, type: Array })
         private itemList: Array<T>;
         constructor() {
             super();
             this.items = {};
             this.itemList = [];
         }

         set(key: string, value: T): void {
             var vl = new HashValue<T>();
             vl.key = key;
             vl.value = value;
             var index = this.itemList.length;
             if (this.has(key)) {
                 index = this.items[key].index;
             }
             vl.index = index;
             this.itemList[index] = value;
             this.items[key] = vl;
         }

         del(key: string): void {
             if (this.has(key)) {
                 var index = this.items[key].index;
                 if (index > -1) {
                     this.itemList.splice(index, 1);
                 }
                 delete this.items[key];
                 this.resetIndex();
             }
         }

         resetIndex(): void {

             this.foreach((k, v: T) => {
                 var index = this.itemList.indexOf(v);
                 this.items[k].index = index;
             });
         }

         has(key: string): boolean {
             return key in this.items;
         }

         get(key: string): T {
             if (this.has(key)) {
                 return this.items[key].value;
             }
             return null;
         }

         count(): number {
             return this.itemList.length;
         }

         all(): Array<T> {
             return this.itemList;
         }

         first() {
             return this.itemList[0];
         }

         last() {
             return this.itemList[this.itemList.length - 1];
         }

         getByIndex(index: number): T {
             return this.itemList[index];
         }

         //遍历 扩展
         foreach(callback) {
             for (var key in this.items) {
                 callback(key, this.items[key].value);
             }
         }

         //获取index
         indexOf(key) {
             if (this.has(key)) {
                 return this.items[key].index;
             }
         }

         //插入
         insertAt(index: number, value: T, key: string) {
             this.itemList.splice(index, 0, value);
             var hashV = new HashValue<T>();
             hashV.index = index;
             hashV.key = key;
             hashV.value = value;
             this.items[key] = hashV;
             this.resetIndex();
         }

         sort(callback: Function) {
             this.itemList.sort((a: T, b: T) => { return callback(a, b);
           });
         }
     }

List

js实现链表List数据结构的几个方法：

函数名	说明	返回值
add(value)	添加项	无
addList(list)	添加另一个集合	无
pop()	删除最后一项 并返回该项	value
shift()	删除第一项 并返回该项	value
remove(index)	根据索引值删除某一项	无
removeMany(index,count)	删除从指定位置开始的某几项	无
clear()	删除所有项	无
contains(value)	是否包含某个值	boolean
indexOf(value)	根据值获取在数组中的顺序值	int
get(index)	根据index获取value	value
set(index,value)	设置index位置的value	无
length()	获取项总数	int
all()	返回所有值的数组	array
foreach(callback)	遍历所有值	无
reverseForeach(callback)	倒序遍历所有值	无
sort(callback)	根据某个排序规则进行排序	无
insert(index,value)	在指定index位置插入value	无

  export class List<T> {
         private items: Array<T>;

         private checkIndex(index): boolean {
             return !(index < 0 || isNaN(index) || index >= this.items.length);
         }
         constructor() {
             super();
             this.items = new Array<T>();
         }

         length(): number {
             return this.items.length;
         }

         add(value: T): void {
             this.items.push(value);
         }
         addList(valueList: List<T>) {
             for (var i = 0; i < valueList.length(); i++) {

                 var value = valueList.get(i);
                 this.items.push(value);
             }
         }
         pop(): T {
             return this.items.pop();
         }

         shift() {
             this.items.shift();
         }

         remove(index: number): void {
             if (this.checkIndex(index)) {
               this.items.splice(index,1);

             }
         }
         /**
          * 從指定索引處開始刪除指定個數的元素
          * @param from
          * @param count
          */
         removeMany(from: number, count: number) {

             if (this.checkIndex(from)) {
                 this.items.splice(from, count);
             }
         }

         clear(): void {
             this.items = [];
         }

         contains(value: T): boolean {
             for (var i in this.items) {
                 return value == this.items[i];
             }
             return false;
         }

         indexOf(value: T): number {
             return this.items.indexOf(value);
         }

         insert(index: number, value: T) {
             //this.checkIndex(index) && this.items.splice(index , 0, value);
             this.items.splice(index, 0, value);
         }

         get(index: number): T {
             return this.items[index];
         }
         set(index, value: T) {
             this.items[index] = value;
         }
         all(): Array<T> {
             return this.items;
         }
         foreach(callback:(i:number,item:T)=>any) {
             var len = this.items.length;
             for (var i = 0; i < len; i++) {
                 if (callback(i, this.items[i]) === false) break;
             }
         }
         reverseForeach(callback) {
             var len = this.items.length;
             for (var i = len - 1; i >= 0; i--) {
                 if (callback(i, this.items[i]) === false) break;
             }
         }
         sort(callback: Function) {
             this.items.sort((a: T, b: T) => { return callback(a, b); });
         }
     }