javascript关联数组用法总结

本文章总结了关于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 = { }

// 直接定义数组
myhash = {”key1″:”val1″, “key2″:”val2″ }

// 用Array 定义数组
myhash = new Array();
myhash[”key1″] = “val1″;
myhash[”key2″] = “val2″;

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” };

// 交互式使用示例
userinfo = prompt(”请输入您最想去的搜索引擎:(yahoo|baidu|google)”, “yahoo”);
document.write (”您的选择:” + userinfo + “,<a href=http://” + getURL(userinfo) + ” target=_blank>” + “按此即可进入” + “</a>” + userinfo + “。”);

// getURL
// 如果参数未定义,默认返回 www.111cn.net 网址
// @param choice 选择名称
// @return url 实际的URL
function getURL(choice) {
url = urlhash[choice];
if (typeof(urlhash[choice]) == “undefined”)
url = “www.111cn.net“;
return url;
}

// 获得hash列表的所有 keys
// @param hash hash数组
// @return keys 键名数据
function array_keys(hash) {
keys = [];
for (key in hash)
keys.push(key);
return keys;
}
</script>

例如:

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

 代码如下 复制代码

var arr = new Array();

//随便创建关联数组的数据如下:

arr["name"] = "mary";

arr["age"] = "3";

arr["sex"] = "man";

//利用 for 循环遍历如下:
for( var keyin arr)
{
      // 则上面 key 变量所取的值为 "name" 或 "age" 或 "sex",
    //而不是数组的值
    // 下面的 value 才是取到对应的值
    var value = arr[key];
}

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>
</html>

时间: 2024-09-21 01:23:32

javascript关联数组用法总结的相关文章

js中的关联数组与普通数组详解_javascript技巧

var privArr = []; privArr['staProjQueryGrid'] = [{ btn_id : 'but_add', roles : ['2001','2005'] }] console.log(privArr,privArr.staProjQueryGrid[0].btn_id) 第一行是定义一个数组priArr,第二行是给这个数组添加一个属性staProjQueryGird,这个属性值是一个数组.打印结果是  but_add var unPrivArr = [];//

JavaScript中的关联数组问题_基础知识

复制代码 代码如下: var beatles = ["john","Paul","George","Ringo"]; 上面中的beatles数组是个传统数组典型的例子:每个元素的下标是一个数字,每增加一个元素,这个数字就依次增加1.第一个元素的下标是0,第二个元素的下标是1.以此类推. 如果在填充数组时只给出了元素的值,这个数组就将是一个传统数组,它的各个元素的下标将被自动创建和刷新. 可以通过在填充数组时为每个新元素明确地给

Javascript的数组与字典用法与遍历对象的属性技巧_javascript技巧

Javascript 的数组Array,既是一个数组,也是一个字典(Dictionary).先举例看看数组的用法. 复制代码 代码如下: var a = new Array(); a[0] = "Acer"; a[1] = "Dell"; for (var i = 0; i < a.length; i++) { alert(a[i]); } 下面再看一下字典的用法. 复制代码 代码如下: var computer_price = new Array(); co

JavaScript 以对象为索引的关联数组_javascript技巧

关于JSON对象,你可以参看wikipedia(http://zh.wikipedia.org/zh-cn/JSON),还有官方网站(http://www.json.org/json-zh.html). 我们常说JavaScript原生支持json,因为我们可以认为json就是对JavaScript的Object对象的灵活应用. 通常我们使用json的方式,主要用作前后台数据交换的格式: 而在代码逻辑中更多的是用关联数组的方式.但即使是这样我们也很少使用对象类型作为键值对的键名. var a=

Javascript中数组sort和reverse用法分析_javascript技巧

本文实例讲述了Javascript中数组sort和reverse用法.分享给大家供大家参考.具体分析如下: sort() 方法用于对数组的元素进行排序. reverse()将数组中的元素逆序 首先我们来试试以下这段代码: 复制代码 代码如下: var values = [1, 0, 5, 15, 10]; values.reverse(); console.log(values); 输出结果会是什么呢: [ 10, 15, 5, 0, 1 ] reverse()也就是很简单的把数组倒过来而已,那

javascript Array数组对象用法介绍

数组定义 我们使用关键词 new 来创建数组对象.下面的代码定义了一个名为 myArray 的数组对象: var myArray=new Array()有两种向数组赋值的方法(你可以添加任意多的值,就像你可以定义你需要的任意多的变量一样). 1:  代码如下 复制代码 var mycars=new Array() mycars[0]="Saab" mycars[1]="Volvo" mycars[2]="BMW"也可以使用一个整数自变量来控制数组

关于JavaScript中的关联数组分析_基础知识

通常的数组在填充时会隐式或者显示指定数组下标,但JS中数组可以以名字的形式为元素赋值,这就形成了关联数组,如: 复制代码 代码如下: var arr=new Array();arr["china"]="beijing,niaoling,hulan";arr["usa"]="newyork,washington,atlanta";arr["japan"]="tokyo"; alert(ar

JavaScript中的索引数组、关联数组和静态数组、动态数组讲解_javascript技巧

数组分类: 1.从数组的下标分为索引数组.关联数组 复制代码 代码如下: /* 索引数组,即通常情况下所说的数组 */ var ary1 = [1,3,5,8]; //按索引去取数组元素,从0开始(当然某些语言实现从1开始) //索引实际上就是序数,一个整型数字 alert(ary1[0]); alert(ary1[1]); alert(ary1[2]); alert(ary1[3]);   /* 关联数组,指以非序数类型为下标来存取的数组  python中称为字典 */ var ary2 =

PHP中关联数组的用法详解

1.添加数组元素 PHP是一种弱类型语言,这意味着你不需要显示声明一个数组及其大小,相反,你可以同时声明并填充数组.  代码如下 复制代码 $capitals = array(    'Alabama' => 'Montgomery',    'Alaska'  => 'Juneau',    'Arizona' => 'Phoenix'  ); 额外的数组元素可以象下面这样追加: $capitals['Arkansas'] = 'Little Rock'; 如果你正在处理数字索引数组,