Javascript数组与字典用法分析


Posted in Javascript onDecember 13, 2014

本文实例分析了Javascript数组与字典用法。分享给大家供大家参考。具体分析如下:

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程序设计有所帮助。

Javascript 相关文章推荐
event.currentTarget与event.target的区别介绍
Dec 31 Javascript
js实现黑色简易的滑动门网页tab选项卡效果
Aug 31 Javascript
谈谈jQuery Ajax用法详解
Nov 27 Javascript
Javascript基础回顾之(三) js面向对象
Jan 31 Javascript
详解JS中的柯里化(currying)
Aug 17 Javascript
vue与TypeScript集成配置最简教程(推荐)
Oct 17 Javascript
JS写XSS cookie stealer来窃取密码的步骤详解
Nov 20 Javascript
jQuery常见的遍历DOM操作详解
Sep 05 jQuery
Vue核心概念Getter的使用方法
Jan 18 Javascript
js实现开关灯效果
Mar 30 Javascript
解决vue路由name同名,路由重复的问题
Aug 05 Javascript
详解vue身份认证管理和租户管理
May 25 Vue.js
jQuery实现表单提交时判断的方法
Dec 13 #Javascript
js实现iframe跨页面调用函数的方法
Dec 13 #Javascript
javascript里使用php代码实例
Dec 13 #Javascript
jQuery使用height()获取高度需要注意的地方
Dec 13 #Javascript
js与css实现弹出层覆盖整个页面的方法
Dec 13 #Javascript
jQuery对于显示和隐藏等常用状态的判断方法
Dec 13 #Javascript
js QQ客服悬浮效果实现代码
Dec 12 #Javascript
You might like
php实现的仿阿里巴巴实现同类产品翻页
2009/12/11 PHP
用php或asp创建网页桌面快捷方式的代码
2010/03/23 PHP
成为好程序员必须避免的5个坏习惯
2014/07/04 PHP
php中关于换行的实例写法
2019/09/26 PHP
Laravel自定义 封装便捷返回Json数据格式的引用方法
2019/09/29 PHP
js onkeypress与onkeydown 事件区别详细说明
2012/12/13 Javascript
用jQuery实现一些导航条切换,显示隐藏的实例代码
2013/06/08 Javascript
js 中的switch表达式使用示例
2020/06/03 Javascript
jquery按回车提交数据的代码示例
2013/11/05 Javascript
jQuery 如何先创建、再修改、后添加DOM元素
2014/05/20 Javascript
上传图片js判断图片尺寸和格式兼容IE
2014/09/01 Javascript
Javascript中的几种URL编码方法比较
2015/01/23 Javascript
js密码强度检测
2016/01/07 Javascript
使用CSS+JavaScript或纯js实现半透明遮罩效果的实例分享
2016/05/09 Javascript
jquery自适应布局的简单实例
2016/05/28 Javascript
node.JS二进制操作模块buffer对象使用方法详解
2020/02/06 Javascript
详解Python中的__getitem__方法与slice对象的切片操作
2016/06/27 Python
Python实现Sqlite将字段当做索引进行查询的方法
2016/07/21 Python
Python利用itchat对微信中好友数据实现简单分析的方法
2017/11/21 Python
python装饰器-限制函数调用次数的方法(10s调用一次)
2018/04/21 Python
TensorFlow实现简单卷积神经网络
2018/05/24 Python
《与孩子一起学编程》python自测题
2018/05/27 Python
Django给admin添加Action的步骤详解
2019/05/01 Python
Python OpenCV中的resize()函数的使用
2019/06/20 Python
pandas 对日期类型数据的处理方法详解
2019/08/08 Python
django-rest-swagger对API接口注释的方法
2019/08/29 Python
详解Python可视化神器Yellowbrick使用
2019/11/11 Python
python实现简单飞行棋
2020/02/06 Python
python 多线程死锁问题的解决方案
2020/08/25 Python
通过python-pptx模块操作ppt文件的方法
2020/12/26 Python
纯CSS3代码实现switch滑动开关按钮效果
2016/08/30 HTML / CSS
HTML5的新特性(1)
2016/03/03 HTML / CSS
村党支部群众路线教育实践活动对照检查材料
2014/09/26 职场文书
实习班主任自我评价
2015/03/11 职场文书
2015年保安个人工作总结
2015/04/02 职场文书
Redis官方可视化工具RedisInsight安装使用教程
2022/04/19 Redis