JS table_javascript 스킬 시뮬레이션 방법
- WBOY원래의
- 2016-05-16 16:15:36981검색
이 기사의 예에서는 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 프로그래밍 설계에 도움이 되기를 바랍니다.
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.