JS表的模拟方法

2019-11-20 13:12:57

字体：大中小

来源：转载

供稿：网友

本文实例讲述了JS表的模拟方法。分享给大家供大家参考。具体方法如下：

<!doctype html><html>  <head>    <meta charset="utf-8">    <title>列表</title>    <script>     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;      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 element;          //return true 原本是这样，后面本人改为ELEMENT        }else{          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+1,0,element);          this.listSize++;          return true;        }else{          return false;        }      }      function clear (){        delete this.dataStore;        this.listSize=0;        this.pos=0;        this.dataStore=[];      }      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(){        // if(this.pos> 0){          --this.pos;       // }      }      function next(){        // if(this.pos< this.listSize-1){          ++this.pos;        // }      }      function currPos(){        return this.pos;      }      function moveTo(pos){        this.pos= pos;           }      function getElement(){        return this.dataStore[this.pos];      }     }     var list = new List();     list.append({name:'夏广成',sex:'男'});     list.append({name:'江荣盛',sex:'男'});     list.append({name:'杜强',sex:'男'});     list.append({name:'巧华',sex:'女'});     list.append({name:'方阳',sex:'男'});    for(list.front(); list.currPos() < list.length() ; list.next()){     var item = list.getElement();     if(item.sex =='女'){      list.remove(item);     }    }    for(list.front(); list.currPos() < list.length() ; list.next()){     var item = list.getElement();      console.log(item.name);    }    </script>  </head>  <body >  </body></html>

希望本文所述对大家的javascript程序设计有所帮助。

上一篇：Javascript实现Web颜色值转换

下一篇：JS的数组迭代方法