关于JavaScript中的关联数组分析


Posted in Javascript onApril 09, 2013

通常的数组在填充时会隐式或者显示指定数组下标,但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 相关文章推荐
如何用javascript判断录入的日期是否合法
Jan 08 Javascript
Javascript操作select方法大全[新增、修改、删除、选中、清空、判断存在等]
Sep 26 Javascript
document.write()及其输出内容的样式、位置控制
Aug 12 Javascript
JS JSON对象转为字符串的简单实现方法
Nov 18 Javascript
javascript根据像素点取位置示例
Jan 27 Javascript
javascript实现回车键提交表单方法总结
Jan 10 Javascript
jQuery Ajax 上传文件处理方式介绍(推荐)
Jun 30 Javascript
jQuery Ajax Post 回调函数不执行问题的解决方法
Aug 15 Javascript
Bootstrap轮播图的使用和理解4
Dec 14 Javascript
JavaScript模块模式实例详解
Oct 25 Javascript
jQuery实现购物车的总价计算和总价传值功能
Nov 28 jQuery
JavaScript类型相关的常用操作总结
Feb 14 Javascript
分析Node.js connect ECONNREFUSED错误
Apr 09 #Javascript
Node.js生成HttpStatusCode辅助类发布到npm
Apr 09 #Javascript
jQuery学习笔记(3)--用jquery(插件)实现多选项卡功能
Apr 08 #Javascript
jQuery学习笔记(2)--用jquery实现各种模态提示框代码及项目构架
Apr 08 #Javascript
jQuery学习笔记(1)--用jQuery实现异步通信(用json传值)具体思路
Apr 08 #Javascript
Struts2的s:radio标签使用及用jquery添加change事件
Apr 08 #Javascript
Jquery图片滚动与幻灯片的实例代码
Apr 08 #Javascript
You might like
php获得当前的脚本网址
2007/12/10 PHP
PHP实现图片不变型裁剪及图片按比例裁剪的方法
2016/01/14 PHP
php接口技术实例详解
2016/12/07 PHP
浅谈ThinkPHP中initialize和construct的区别
2017/04/01 PHP
Laravel框架验证码类用法实例分析
2019/09/11 PHP
laravel实现登录时监听事件,添加登录用户的记录方法
2019/09/30 PHP
js 判断 enter 事件
2009/02/12 Javascript
JavaScript 验证浏览器是否支持javascript的方法小结
2009/05/17 Javascript
ext 代码生成器
2009/08/07 Javascript
JavaScript对Cookie进行读写操作实例
2015/07/25 Javascript
功能强大的Bootstrap组件(结合js)
2016/08/03 Javascript
jquery attr()设置和获取属性值实例教程
2016/09/25 Javascript
webuploader模态框ueditor显示问题解决方法
2016/12/27 Javascript
jQuery的ajax中使用FormData实现页面无刷新上传功能
2017/01/16 Javascript
NodeJS创建最简单的HTTP服务器
2017/05/15 NodeJs
浅谈vue项目可以从哪些方面进行优化
2018/05/05 Javascript
解决Vue 刷新页面导航显示高亮位置不对问题
2019/12/25 Javascript
python二叉树的实现实例
2013/11/21 Python
实例讲解Python中SocketServer模块处理网络请求的用法
2016/06/28 Python
Python极简代码实现杨辉三角示例代码
2016/11/15 Python
python WindowsError的错误代码详解
2017/07/23 Python
基于python 字符编码的理解
2017/09/02 Python
用Python一键搭建Http服务器的方法
2018/06/01 Python
python3 循环读取excel文件并写入json操作
2020/07/14 Python
python 实现朴素贝叶斯算法的示例
2020/09/30 Python
html5页面结构_动力节点Java学院整理
2017/07/10 HTML / CSS
如何查看浏览器对html5的支持情况
2020/12/15 HTML / CSS
世界著名的顶级牛排:Omaha Steak(奥马哈牛排)
2016/09/20 全球购物
聪明的粉丝购买门票的地方:TickPick
2018/03/09 全球购物
德国价格合理的品牌商品购物网站:averdo
2019/03/21 全球购物
环境科学专业个人求职信
2013/09/26 职场文书
安全生产月演讲稿
2014/05/09 职场文书
廉政文化进校园广播稿
2014/10/20 职场文书
创先争优个人总结
2015/03/04 职场文书
导游词之无锡东林书院
2019/12/11 职场文书
Go语言中的UTF-8实现
2021/04/26 Golang