JS表的模拟方法
作者:bea
本文实例讲述了JS表的模拟方法。分享给大家供大家参考。具体方法如下: <!doctype html><html> <head> <meta charset="utf-8"> <title>列表</title> <script> function List(){ this.listSize= 0; this.pos=0; this.d
本文实例讲述了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程序设计有所帮助。
有用 | 无用
<!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程序设计有所帮助。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- js控制网页背景音乐播放与停止的方法
- jquery控制背景音乐开关与自动播放提示音的方法
- 触屏中的JavaScript事件分析
- JavaScript事件委托技术实例分析
- JavaScript比较两个对象是否相等的方法
- JavaScript 异常处理 详解
- jquery中change()用法实例分析
- javaScript的函数对象的声明详解
- javascript实用方法总结
- javascript实现限制上传文件大小
- jquery实现鼠标滑过显示提示框的方法
- javascript去除字符串左右两端的空格
- jQuery判断对象是否存在的方法
- jquery实现对联广告的方法
- jquery实现在光标位置插入内容的方法
- Jquery中offset()和position()的区别分析
- JS实现一个按钮的方法
- JS继承用法实例分析
- Javascript实现Web颜色值转换