本文章总结了关于javascript关联数组用法总结,有面要了解js关联数组的朋友可参考本文章。
刚学JS的时候好像记得JS中是没有关联数组的,写PHP程序用关联数组习惯了,写JS的时候就比较别扭,今天
在晚上找了些资料,说JS中是通过对象来实现关联数组的,一般程序中的数据类型有以下几种:
第一种类型是scalar(标量),一个单独的string或数字。
第二种类型是sequence(序列),若干个相关的数据按照一定顺序并列在一起,通常叫做List(列表),比如“a,b,c”,但在JS中这叫做array(数组,只能通过下标访问元素 ps:这个概念把我混淆了。
第三种类型是map(映射),一个键/值对(Key/value),又称作hash(散列)或dictionary(字典),比如“a:b,c:d”。
既然JS对象可以实现hash表,在JS中可以通过new Array() 来使用关联数组,
Hash关联数组定义
代码如下 | 复制代码 |
// 定义空数组 myhash = { } // 直接定义数组 // 用Array 定义数组 |
2。向Hash关联数组添加键值
代码如下 | 复制代码 |
// 添加一个新键 newkey ,键值为 newval myhash[”newkey”] = “newval”; |
3。删除Hash关联数组已有键值
代码如下 | 复制代码 |
// 删除一个键 newkey ,同时,该键值对应的 newval 也就消失了。 delete myhash[”newkey”]; |
4。遍历Hash关联数组
代码如下 | 复制代码 |
// 遍历整个hash 数组 for (key in myhash) { val = myhash[key]; } |
5。Hash关联数组简易使用示例
// 转向脚本
代码如下 | 复制代码 |
<script type=”text/javascript”> urlhash = { “yahoo”:”www.111cn.net“, “baidu”:”www.baidu.com“, “google”:”www.google.cn” }; // 交互式使用示例 // getURL // 获得hash列表的所有 keys |
例如:
//这里主要是说明 对于关联数组的遍历,首先定义一个数组:
代码如下 | 复制代码 |
var arr = new Array(); //随便创建关联数组的数据如下: arr["name"] = "mary"; arr["age"] = "3"; arr["sex"] = "man"; //利用 for 循环遍历如下: |
JS中对象的属性可以通过括号"[ ]"或者“.”来访问,例如上面的 a["a"]和a.a是等效的。
例子
下面的代码创建并初始化一个包含三个元素的关联数组(注意格式):
代码如下 | 复制代码 |
var MyArray = {"a" : "Athens", "b" : "Belgrade", "c" : "Cairo" }; |
在该数组中,可以使用字符串("a"、 "b" 或 "c") 来对元素寻址,而不是用数组元素的编号 (0、1 或 2)寻址。
这样就可以以更直观的寻址方案来创建和使用数组。同样可以使用上面显示的 for...in 语句代码来遍历该数组。
for (key in myArray)
document.write("Element value is " + MyArray[key] + "<BR>);
===========================
举例:
代码如下 | 复制代码 |
<html> <script> var myArray = {"a" : "Athens", "b" : "Belgrade", "c" : "Cairo" }; for (key in myArray) { document.write( key+"="+myArray[key] + "<BR>"); } document.write("a="+myArray["a"]); </script> |