JS表的模拟方法
网络编程 2021-07-04 21:47www.168986.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的数组迭代方法
编程语言
- socket网络编程 socket网络编程Socket基础
- 少儿编程培训班 少儿编程培训班教学方法
- linux系统编程:Linux系统编程多线程基础
- unix环境高级编程 首发于 UNIX环境高级编程学习之
- 学编程学哪一种比较好 初学者哪种编程语言比较
- 学PLC编程学费多少
- 计算机编程入门 学计算机编程入门的初学指南
- 世界编程语言排行榜
- vba编程培训:Excel VBA编程培训初学者教程
- 少儿编程课程:少儿编程学什么及各年龄段如何
- 游戏编程入门:少儿游戏编程入门的技巧
- 学编程哪个培训机构好 编程培训机构哪个好
- 编程机器人加盟 机器人编程加盟哪家好
- 在线少儿编程机构排名
- 电脑编程入门自学
- 服务器系统下载:服务器系统的安装