关于JavaScript中的关联数组分析

 更新时间:2013年04月09日 16:17:50   作者:  
本篇文章小编为大家介绍,关于JavaScript中的关联数组分析。有需要的朋友可以参考一下

通常的数组在填充时会隐式或者显示指定数组下标,但JS中数组可以以名字的形式为元素赋值,这就形成了关联数组,如:

复制代码 代码如下:

var arr=new Array();
arr["china"]="beijing,niaoling,hulan";
arr["usa"]="newyork,washington,atlanta";
arr["japan"]="tokyo";

alert(arr["china"]);
alert(arr["japan"]);

alert(arr[0]);

注意上面的alert(arr[0]);这一句,它会返回undifined。这就意味着,关联数组中,不能再以传统的下标方式来访问数组元素而必须通过元素的名字。
这种通过名字来访问数组元素的形式有可读性高,灵活方便的优势。一定程度上它可以作为JS中的哈希表来使用。
对关联数组进行遍历时需要使用for in 循环,注意以下代码中两种不同的遍历方式:

复制代码 代码如下:

var arr=new Array();
arr["china"]="beijing,niaoling,hulan";
arr["usa"]="newyork,washington,atlanta";
arr["japan"]="tokyo";

// 这种方式可以遍历关联数组中的名称
for(var item in arr){
alert(item);
}

// 这种方式可以遍历关联数组中的各元素
for(var item in arr){
alert(arr[item]);
}

相关文章

  • JavaScript Math.floor方法(对数值向下取整)

    JavaScript Math.floor方法(对数值向下取整)

    这篇文章主要介绍了Math.floor 方法用于对数值向下取整,即得到小于或等于该数值的最大整数,需要的朋友可以参考下
    2015-01-01
  • 常用的Javascript数据验证插件

    常用的Javascript数据验证插件

    本文主要介绍的是常用的Javascript数据验证插件,包括电话号码验证,邮件验证,身份证验证,需要的朋友可以参考下
    2015-08-08
  • 详解javascript设计模式三:代理模式

    详解javascript设计模式三:代理模式

    这篇文章主要介绍了javascript设计模式三:代理模式,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-03-03
  • JavaScript中的acos()方法使用详解

    JavaScript中的acos()方法使用详解

    这篇文章主要介绍了JavaScript中的acos()方法使用详解,是JS入门学习中的基础知识,需要的朋友可以参考下
    2015-06-06
  • 详解JavaScript函数绑定

    详解JavaScript函数绑定

    在JavaScript与DOM交互中经常需要使用函数绑定,定义一个函数然后将其绑定到特定DOM元素或集合的某个事件触发程序上,绑定函数经常和回调函数及事件处理程序一起使用,以便把函数作为变量传递的同时保留代码执行环境
    2013-08-08
  • [转]JS宝典学习笔记

    [转]JS宝典学习笔记

    [转]JS宝典学习笔记...
    2007-02-02
  • ExtJS自定义主题(theme)样式详解

    ExtJS自定义主题(theme)样式详解

    这篇文章主要通过代码实例说明了ExtJS如何自定义主题(theme)样式,希望对大家有帮助
    2013-11-11
  • 解析JavaScript中的字符串类型与字符编码支持

    解析JavaScript中的字符串类型与字符编码支持

    JavaScript中的字符串也像Python那样支持反斜杠的转移,并且字符集方面默认为Unicode,下面就来详细解析JavaScript中的字符串类型与字符编码支持
    2016-06-06
  • Javascript学习笔记1 数据类型

    Javascript学习笔记1 数据类型

    在Javascript中只有五种简单类型,分别为null,undefined,boolean,String和Number.一种复杂类型:object。
    2010-01-01
  • TypeScript中的接口和泛型你了解吗

    TypeScript中的接口和泛型你了解吗

    这篇文章主要为大家详细介绍了TypeScript接口和泛型,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2022-03-03

最新评论