关于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 相关文章推荐
firefox和IE系列的相关区别整理 以备后用
Dec 28 Javascript
js 手机号码合法性验证代码集合
Sep 29 Javascript
JavaScript如何从listbox里同时删除多个项目
Oct 12 Javascript
jQuery实现隔行背景色变色
Nov 24 Javascript
从零学习node.js之搭建http服务器(二)
Feb 21 Javascript
Webpack打包慢问题的完美解决方法
Mar 16 Javascript
微信小程序实现传参数的几种方法示例
Jan 10 Javascript
解决layui表格内文本超出隐藏的问题
Sep 12 Javascript
在vue中根据光标的显示与消失实现下拉列表
Sep 29 Javascript
微信小程序加载机制及运行机制图解
Nov 27 Javascript
nuxt 服务器渲染动态设置 title和seo关键字的操作
Nov 05 Javascript
如何在vue-cli中使用css-loader实现css module
Jan 07 Vue.js
分析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
一个可以删除字符串中HTML标记的PHP函数
2006/10/09 PHP
PHP set_time_limit(0)长连接的实现分析
2010/03/02 PHP
PHP精确计算功能示例
2016/11/29 PHP
php str_replace替换指定次数的方法详解
2017/05/05 PHP
PHP项目多语言配置平台实现过程解析
2020/05/18 PHP
怎么用javascript进行拖拽
2006/07/20 Javascript
详解JavaScript中getFullYear()方法的使用
2015/06/10 Javascript
jQuery模拟原生态App上拉刷新下拉加载更多页面及原理
2015/08/10 Javascript
每天一篇javascript学习小结(Date对象)
2015/11/13 Javascript
基于jquery实现省市联动效果
2015/11/23 Javascript
详解JS中的快速排序与冒泡
2017/01/10 Javascript
详解Vue.js基于$.ajax获取数据并与组件的data绑定
2017/05/26 Javascript
vue一个页面实现音乐播放器的示例
2018/02/06 Javascript
在vue中获取token,并将token写进header的方法
2018/09/26 Javascript
vue element动态渲染、移除表单并添加验证的实现
2019/01/16 Javascript
JS阻止事件冒泡的方法详解
2019/08/26 Javascript
js获取 gif 的帧数的代码实例
2019/09/10 Javascript
vue+springboot+element+vue-resource实现文件上传教程
2020/10/21 Javascript
python的id()函数解密过程
2012/12/25 Python
python实现的各种排序算法代码
2013/03/04 Python
Python实现partial改变方法默认参数
2014/08/18 Python
解决python大批量读写.doc文件的问题
2018/05/08 Python
计算机二级python学习教程(3) python语言基本数据类型
2019/05/16 Python
Django Form 实时从数据库中获取数据的操作方法
2019/07/25 Python
python flask web服务实现更换默认端口和IP的方法
2019/07/26 Python
pytorch的梯度计算以及backward方法详解
2020/01/10 Python
美国摄影爱好者购物网站:Focus Camera
2016/10/21 全球购物
法国女性内衣购物网站:Glamuse
2019/05/13 全球购物
岗位说明书怎么写
2014/07/30 职场文书
现场活动策划方案
2014/08/22 职场文书
群众路线教育实践活动剖析材料
2014/09/30 职场文书
乡镇党员群众路线教育实践活动对照检查材料思想汇报
2014/10/05 职场文书
教师作风建设剖析材料
2014/10/11 职场文书
南京南京观后感
2015/06/02 职场文书
《乌鸦喝水》教学反思
2016/02/19 职场文书
国际最新研究在陨石中发现DNA主要成分 或由陨石带来地球
2022/04/29 数码科技