JS表的模拟方法
编程学习 2021-07-04 21:47www.dzhlxh.cn编程入门
这篇文章主要介绍了JS表的模拟方法,涉及javascript模拟表的生成、添加与删除节点的操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了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的数组迭代方法