【JavaScript】在JS中使用哈希表(hashTable)
2008-11-21 11:47
956 查看
因JavaScript中允许任意对象作为下标,使的Object可以有任意的key做为属性。
下面的列子中展示如何在JS中很方便的使用哈希表
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script type="text/javascript">
<!--
var hashTable = new Object(); // 声明对象
// 添加
function add(key,value){
// 判断key是否存在
if(key in hashTable){
alert("key已经存在");
}
hashTable[key] = value;
}
//删除
function del(key){
delete(hashTable[key]);
alert("删除成功");
}
// 取值
function getValue(key){
alert(hashTable[key]);
}
// 循环所有值
function getAll(){
for(var k in hashTable){
document.write(k+":" +hashTable[k] + "<br />");
}
}
function $v(id){
return document.getElementById(id).value;
}
//-->
</script>
</HEAD>
<BODY>
<div>
Key:<input type="text" id="k" /><br />
Value:<input type="text" id="v" /><br />
</div>
<input type="button" value="add" onclick="add($v('k'),$v('v'));" />
<input type="button" value="delete" onclick="del($v('k'));" />
<input type="button" value="get" onclick="getValue($v('k'));" />
<input type="button" value="getAll" onclick="getAll();" />
</BODY>
</HTML>
下面的列子中展示如何在JS中很方便的使用哈希表
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script type="text/javascript">
<!--
var hashTable = new Object(); // 声明对象
// 添加
function add(key,value){
// 判断key是否存在
if(key in hashTable){
alert("key已经存在");
}
hashTable[key] = value;
}
//删除
function del(key){
delete(hashTable[key]);
alert("删除成功");
}
// 取值
function getValue(key){
alert(hashTable[key]);
}
// 循环所有值
function getAll(){
for(var k in hashTable){
document.write(k+":" +hashTable[k] + "<br />");
}
}
function $v(id){
return document.getElementById(id).value;
}
//-->
</script>
</HEAD>
<BODY>
<div>
Key:<input type="text" id="k" /><br />
Value:<input type="text" id="v" /><br />
</div>
<input type="button" value="add" onclick="add($v('k'),$v('v'));" />
<input type="button" value="delete" onclick="del($v('k'));" />
<input type="button" value="get" onclick="getValue($v('k'));" />
<input type="button" value="getAll" onclick="getAll();" />
</BODY>
</HTML>
相关文章推荐
- 在JS中使用哈希表(hashTable)
- 在JS中使用hashTable(哈希表)
- 在JS中使用哈希表(hashTable)
- 在JS中使用哈希表(hashTable)
- js-js实现,在HTML中使用JavaScript,基本概念
- Javascript工具 - 使用JSDoc建立JavaScript代码的文档
- JavaScript学习——使用JS完成页面定时弹出广告
- [iOS] 使用WebViewJavascriptBridge实现OC与JS交互
- 在javascriptl中使用表格模板引擎template.js简化开发
- JS/JavaScript中解析JSON --- JSON.parse()、JSON.stringify()以及$.parseJSON()使用详解
- 【js】使用javascript 实现静态网页分页效果
- js-使用JavaScript、jQuery两种方式实现全选/全不选
- Javascript学习笔记2——在html中使用js
- 【Javascript】Js动态生成checkbox(使用Json数据)
- [转]net中哈希表的使用 Hashtable
- javascript对象和c++对象的区别-----坑爹的js,痛苦的语法特性,使用方法
- JavaScript 图像延迟加载库 Echo.js的简单使用
- JavaScript基础 下拉列表 使用js创建option选项
- [转 js] 使用JsUnit和JSMock的JavaScript测试驱动开发
- 使用webdriver中的JavascriptExecutor执行js改变DOM属性