本文总结了JavaScript中实现哈希表的三种主要方式:利用对象字面量建立键值映射、通过嵌套对象访问深层属性,以及使用包含对象的数组进行索引操作。文章提供了具体的代码示例,展示了如何定义数据结构及获取对应值,适用于需要快速查找或存储关联数据的场景。
利用对象字面量构建哈希表
第一种方式是利用JavaScript的对象字面量直接构建哈希表。
具体实现代码如下:
<html>
<head>
<script type="text/javascript">
// by Go_Rush(本站) from https://www.jb51.net/
var hash={
"百度" :"http://www.baidu.com/",
"Google" :"http://www.google.com/",
"微软" :"http://www.microsoft.com/",
"本站" :"https://www.jb51.net/"
};
function showUrl(element){ //使用哈稀对象
alert(hash[element.value])
}
</head>
<body>
<form>
<input type="text" id="txt" />
<input type="button" value="测试" onclick="showUrl(document.getElementById('txt'));"/>
</form>
</body>
</html>通过嵌套对象访问多层数据
第二种方式是通过嵌套对象来模拟多维哈希结构,适用于需要访问多层级数据的场景。
代码如下:
<script>
var ht =
{
"c1" : {"UserID":"userc1","UserName":"usercc1"},
"c2" : {"UserID":"userc2","UserName":"usercc2"},
"c3" : {"UserID":"userc3","UserName":"usercc3"}
};
alert(ht["c1"]["UserID"]);
alert(ht["c2"]["UserID"]);
</script>使用数组对象进行索引查找
第三种方式是将对象存储在数组中,通过索引访问对象内部的属性,实现类似哈希表的查找功能。
代码如下:
<script>
var Arr =new Array({'s':'sss','aa':'www'},{'s1':'wwww','aa1':'ssss'});
alert(Arr[0].s);
alert(Arr[0].aa);
alert(Arr[1].s1);
alert(Arr[1].aa1);
</script>