JS表的模拟方法
本文实例讲述了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程序设计有所帮助。
相关推荐
-
js操纵dom生成下拉列表框的方法
复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&qu
-
JS常用表单验证方法总结
复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"
-
js表头排序实现方法
本文实例讲述了js表头排序实现方法.分享给大家供大家参考. 具体实现方法如下: 复制代码 代码如下: <script type="text/javascript"> //是否递减排序 var isDescending = true; /***************************************** * 要排序的行必须放到<tbody></tbody>标签中 * tableId:排序表格ID
-
不到30行JS代码实现Excel表格的方法
本文实例讲述了不到30行JS代码实现Excel表格的方法,可见jQuery并非不可替代.分享给大家供大家参考.具体分析如下: 某国外程序员展示了一个由原生JS写成不依赖第三方库的,Excel表格应用,有以下特性: ① 由不足30行的原生JavaScript代码实现 ② 不依赖第三方库 ③ Excel风格的语义分析 (公式以 "=" 开头) ④ 支持任意表达式 (=A1+B2*C3) ⑤ 防止循环引用 ⑥ 基于localStorage的自动本地持久化存储 效果展示如下图所示: 代码分析:
-
js校验表单后提交表单的三种方法总结
第一种: 复制代码 代码如下: <script type="text/javascript"> function check(form) { if(form.userId.value=='') { alert("请输入用户帐号!"); form.userId.focus(); return false; } if(fo
-
js生成动态表格并为每个单元格添加单击事件的方法
html: 复制代码 代码如下: <html> <head> <title>Demo</title> </head> <body> <label style="font-size:20px;width:600px;" >动态表格:</label><br/> <table border="1"> <tbody id="table&qu
-
JS表的模拟方法
本文实例讲述了JS表的模拟方法.分享给大家供大家参考.具体方法如下: <!doctype html> <html> <head> <meta charset="utf-8"> <title>列表</title> <script> function List(){ this.listSize= 0; this.pos=0; this.dataStore=[];//初始化一个空数组来保存列表元素 this.
-
JS表单验证方法实例小结【电话、身份证号、Email、中文、特殊字符、身份证号等】
本文实例总结了JS表单验证方法.分享给大家供大家参考,具体如下: 回回写表单,回回要写不同的检查JS,很麻烦,后来写了通用的检查函数,很粗糙,但比较实用,以后再好好改改: 包含页: Check-Form.js 代码如下: //规则检查排序 function RegCheck(objs) { var str = objs.checktype; switch (str) { case "cn" : //要检查的表单控件的输入类型必须为中文 return CnWordRegCheck(obj
-
js 表单验证方法(实用)
//下面验证的是长度 function checkTextLen(textId){ var len = 0; var checkField=document.getElementById(textId); var inputstring = checkField.value; var string_length = inputstring.length; if (string_length == 0) { return 0; } for (var i=0;i<string_length;i++)
-
JS两种类型的表单提交方法实例分析
本文实例分析了JS两种类型的表单提交方法.分享给大家供大家参考,具体如下: 1.原始的 <form method="post" action="/student/stureg/add" id="form1" onsubmit="return subForm();"> <button type="submit" class="button red" style="
-
js实现a标签超链接提交form表单的方法
本文实例讲述了js实现a标签超链接提交form表单的方法.分享给大家供大家参考.具体实现方法如下: <form action="/home/search" method="get" id="search_form"> <div class="searchBox png" id="searchBox"> <input type="text" id="
-
js实现键盘Enter键提交表单的方法
本文实例讲述了js实现键盘Enter键提交表单的方法.分享给大家供大家参考.具体实现方法如下: //执行键盘按键命令 function keyDown(e){ var keycode = 0; //IE浏览器 if(CheckBrowserIsIE()){ keycode = event.keyCode; }else{ //火狐浏览器 keycode = e.which; } if (keycode == 13 ) //回车键是13 { //document.getElementById("lo
-
利用JS屏蔽页面中的Enter按键提交表单的方法
如在设置了JS代码响应<p>标签的Enter按键触发事件时,根据冒泡型事件原则该事件会一直传到<from>表单处,并将表单提交.这不是我们想要的效果,我们可以设置如下代码来加以屏蔽: $(document).keydown(function(event){ switch(event.keyCode){ case 13:return false; } }); 但是,如果页面中有按钮时在Opera浏览器中同样会提交表单,这是因为按钮在生成的HTML代码中是submit类型的,解决办法是
-
js表单元素checked、radio被选中的几种方法(详解)
0.环境 <input type="checkbox" value="lol"/>lol var lol = document.getElementsByTagName("input")[0]; 1.HTML DOM a.lol.checked = true; 属性的值可以不是lol,只要转为布尔值的时候为true就可以,取值时只有true.false两种 不会增加checked标记 b.lol.click(); 不会增加check
-
Node.JS更改Windows注册表Regedit的方法小结
注册表是windows操作系统中的一个核心数据库,其中存放着各种参数,直接控制着windows的启动.硬件驱动程序的装载以及一些windows应用程序的运行,从而在整个系统中起着核心作用.这些作用包括了软.硬件的相关配置和状态信息,比如注册表中保存有应用程序和资源管理器外壳的初始条件.首选项和卸载数据等,联网计算机的整个系统的设置和各种许可,文件扩展名与应用程序的关联,硬件部件的描述.状态和属性,性能记录和其他底层的系统状态信息,以及其他数据等. 这里介绍一些通过node.js操作注册表的几种方
-
Vue.js实现双向数据绑定方法(表单自动赋值、表单自动取值)
1.使用Vue.js实现双向表单数据绑定,例子 <!--html代码--> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>财产查勘处理</title> <link r