夏日博客

A-A+

javascript关联数组用法总结

2016年01月27日 前端设计 暂无评论 阅读 8 views 次

本文章总结了关于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关联数组定义,代码如下:

  1. // 定义空数组   
  2. myhash = { }  
  3. // 直接定义数组   
  4. myhash = {”key1″:”val1″, “key2″:”val2″ }  
  5. // 用Array 定义数组   
  6. myhash = new Array();  
  7. myhash[”key1″] = “val1″;  
  8. myhash[”key2″] = “val2″;  

２,向Hash关联数组添加键值,代码如下:

// 添加一个新键 newkey,键值为 newval

myhash[”newkey”] = “newval”;

３,删除Hash关联数组已有键值,代码如下:

// 删除一个键 newkey ，同时，该键值对应的 newval 也就消失了。

delete myhash[”newkey”];

４,遍历Hash关联数组,代码如下:

  1. // 遍历整个hash 数组   
  2. for (key in myhash) {  
  3. val = myhash[key];  
  4. }  

５,Hash关联数组简易使用示例,转向脚本,代码如下:

  1. <script type=”text/javascript”>  
  2. urlhash = { “yahoo”:”www.xiariboke.net“,  
  3. “baidu”:”www.baidu.com“,  
  4. “google”:”www.google.cn” };  
  5. // 交互式使用示例   
  6. userinfo = prompt(”请输入您最想去的搜索引擎：(yahoo|baidu|google)”, “yahoo”);  
  7. document.write (”您的选择：” + userinfo + “，<a href=http://” + getURL(userinfo) + ” target=_blank>” + “按此即可进入” + “</a>” + userinfo + “。”);  
  8. // getURL   
  9. // 如果参数未定义，默认返回 www.xiariboke.net 网址  
  10. // @param choice 选择名称  
  11. // @return url 实际的URL  
  12. function getURL(choice) {  
  13. url = urlhash[choice];  
  14. if (typeof(urlhash[choice]) == “undefined”)  
  15. url = “www.xiariboke.net“;  
  16. return url;  
  17. }  
  18. // 获得hash列表的所有 keys  
  19. // @param hash hash数组  
  20. // @return keys 键名数据  
  21. function array_keys(hash) {  
  22. keys = [];  
  23. for (key in hash)  
  24. keys.push(key);  
  25. return keys;  
  26. }  
  27. </script>  

例如,这里主要是说明,对于关联数组的遍历,首先定义一个数组,代码如下:

  1. var arr = new Array();  
  2. //随便创建关联数组的数据如下：  
  3. arr["name"] = "mary";  
  4. arr["age"] = "3";  
  5. arr["sex"] = "man";  
  6. //利用 for 循环遍历如下：  
  7. for( var keyin arr)  
  8. {  
  9.       // 则上面 key 变量所取的值为 "name" 或 "age" 或 "sex"，  
  10.     //而不是数组的值  
  11.     // 下面的 value 才是取到对应的值  
  12.     var value = arr[key];  
  13. }  

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] + "
);

举例,代码如下:

  1. <html>  
  2. <script>  
  3. var myArray = {"a" : "Athens", "b" : "Belgrade", "c" : "Cairo" };  
  4. for (key in myArray)  
  5. {  
  6.   document.write( key+"="+myArray[key] + "<BR>");  
  7. }  
  8. document.write("aa="+myArray["a"]);  
  9. </script>  
  10. </html>  
标签：

给我留言