浅谈Javascript 数组与字典


Posted in Javascript onJanuary 29, 2015

Javascript 的数组Array,既是一个数组,也是一个字典(Dictionary).

先举例看看数组的用法。

var a = new Array();  

a[0] = "Acer";  

a[1] = "Dell";  

for (var i in a) {  

    alert(i);  

} 

上面的代码创立了一个数组,每个元素都是一个字符串对象。

然后对数组进行遍历。注意 i 的结果为 0 和 1,a[i] 的结果才为字符串。

这个很象上一篇中说到的遍历对象的属性。

下面再看一下字典的用法。

var computer_price = new Array();  

computer_price["Acer"] = 500;  

computer_price["Dell"] = 600;  

alert(computer_price["Acer"]); 

我们甚至可以同样象上面那样遍历这个数组(字典)

for (var i in computer_price) {  

    alert(i + ": " + computer_price[i]);  

} 

这里的 i 即为字典的每个键值。输出结果为:

Acer: 500

Dell: 600

下面,看一下Javascript的有趣之处,还是上面那个例子。

我们可以把 computer_price 看成一个字典对象,而它的每个键值就是一个属性。

也就是说 Acer 是 computer_price 的一个属性。我们可以这样使用它: computer_price.Acer

下面再来看一下字典和数组的简化声明方式。

var array = [1, 2, 3]; // 数组  

var array2 = { "Acer": 500, "Dell": 600 }; // 字典  

alert(array2.Acer); // 50 

这样对字典的声明是和前面的一样的。在我们的例子中,Acer又是键值,也可是作为字典对象的属性了。

以上就是本文的全部内容了,希望大家能够喜欢,后续我们将持续更新。

Javascript 相关文章推荐
用jscript启动sqlserver
Jun 21 Javascript
jQuery 打造动态下滑菜单实现说明
Apr 15 Javascript
Javascript Function对象扩展之延时执行函数
Jul 06 Javascript
javascript 寻找错误方法整理
Jun 15 Javascript
javascript中几个容易混淆的概念总结
Apr 14 Javascript
js中跨域方法原理详解
Jul 19 Javascript
JavaScipt选取文档元素的方法(推荐)
Aug 05 Javascript
详解Node.js中exports和module.exports的区别
Apr 19 Javascript
vue兄弟组件传递数据的实例
Sep 06 Javascript
使用Node.js实现一个多人游戏服务器引擎
Mar 13 Javascript
利用layer实现表单完美验证的方法
Sep 26 Javascript
layui.tree组件的使用以及搜索节点功能的实现
Sep 26 Javascript
javascript 数组操作详解
Jan 29 #Javascript
jQuery实现流动虚线框的方法
Jan 29 #Javascript
jquery 设置style:display的方法
Jan 29 #Javascript
jQuery获取样式中颜色值的方法
Jan 29 #Javascript
JS实现单行文字不间断向上滚动的方法
Jan 29 #Javascript
JS清除选择内容的方法
Jan 29 #Javascript
IE中鼠标经过option触发mouseout的解决方法
Jan 29 #Javascript
You might like
DC《神奇女侠2》因疫情推迟上映 温子仁新恐怖片《恶性》撤档
2020/04/09 欧美动漫
php验证码的制作思路和实现方法
2015/11/12 PHP
2017年最新PHP经典面试题目汇总(上篇)
2017/03/17 PHP
php出租房数据管理及搜索页面
2017/05/23 PHP
javascript新手语法小结
2008/06/15 Javascript
JavaScript 动态将数字金额转化为中文大写金额
2009/05/14 Javascript
jquery load()在firefox(火狐)下显示不正常的解决方法
2011/04/05 Javascript
深入理解javascript中return的作用
2013/12/30 Javascript
JavaScript中for-in遍历方式示例介绍
2014/02/11 Javascript
jQuery对象的selector属性用法实例
2014/12/27 Javascript
JS实现超炫网页烟花动画效果的方法
2015/03/02 Javascript
学习JavaScript设计模式之代理模式
2016/01/12 Javascript
jQuery滚动新闻实现代码
2016/06/26 Javascript
JavaScript实现清空(重置)文件类型INPUT元素值的方法
2016/11/17 Javascript
Node.js发送HTTP客户端请求并显示响应结果的方法示例
2017/04/12 Javascript
JavaScript门面模式详解
2017/10/19 Javascript
vue router嵌套路由在history模式下刷新无法渲染页面问题的解决方法
2018/01/25 Javascript
vue中子组件向父组件传递数据的实例代码(实现加减功能)
2018/04/20 Javascript
vue组件开发之用户无限添加自定义填写表单的方法
2018/08/28 Javascript
分享5个好用的javascript文件上传插件
2018/09/16 Javascript
基于游标的分页接口实现代码示例
2018/11/12 Javascript
python抓取网页中图片并保存到本地
2015/12/01 Python
python中实现迭代器(iterator)的方法示例
2017/01/19 Python
Python下调用Linux的Shell命令的方法
2018/06/12 Python
解决python中使用plot画图,图不显示的问题
2018/07/04 Python
使用pandas实现csv/excel sheet互相转换的方法
2018/12/10 Python
Python控制键盘鼠标pynput的详细用法
2019/01/28 Python
python + selenium 刷B站播放量的实例代码
2020/06/12 Python
使用pytorch实现论文中的unet网络
2020/06/24 Python
新年抽奖获奖感言
2014/03/02 职场文书
大学生自我鉴定书
2014/03/24 职场文书
企业指导教师评语
2014/04/28 职场文书
岗位明星事迹材料
2014/05/18 职场文书
2014物价局群众路线对照检查材料思想汇报
2014/09/21 职场文书
谢师宴答谢词
2015/01/05 职场文书
暂停营业通知
2015/04/25 职场文书