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 相关文章推荐
点击广告后才能获得下载地址
Oct 26 Javascript
JQuery index()方法使用代码
Jun 02 Javascript
基于Jquery的温度计动画效果
Jun 18 Javascript
iframe中使用jquery进行查找的方法【案例分析】
Jun 17 Javascript
JavaScript 数组- Array的方法总结(推荐)
Jul 21 Javascript
AngularJS基础 ng-cloak 指令简单示例
Aug 01 Javascript
vue.js+boostrap项目实践(案例详解)
Sep 21 Javascript
详解React开发中使用require.ensure()按需加载ES6组件
May 12 Javascript
利用C/C++编写node.js原生模块的方法教程
Jul 07 Javascript
详解ES6之async+await 同步/异步方案
Sep 19 Javascript
JavaScript模拟实现封装的三种方式及写法区别
Oct 27 Javascript
vue实现随机验证码功能的实例代码
Apr 30 Javascript
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遍历文件夹与文件类及处理类用法实例
2014/09/23 PHP
PHP对文件进行加锁、解锁实例
2015/01/23 PHP
PHP积分兑换接口实例
2015/02/09 PHP
CodeIgniter分页类pagination使用方法示例
2016/03/28 PHP
php实现数组纵向转横向并过滤重复值的方法分析
2017/05/29 PHP
Laravel框架Request、Response及Session操作示例
2019/05/06 PHP
php实现的支付宝网页支付功能示例【基于TP5框架】
2019/09/16 PHP
javascript fullscreen全屏实现代码
2009/04/09 Javascript
JavaScript高级程序设计阅读笔记(五) ECMAScript中的运算符(一)
2012/02/27 Javascript
使用jquery选择器如何获取父级元素、同级元素、子元素
2014/05/14 Javascript
基于jQuery实现多层次的手风琴效果附源码
2015/09/21 Javascript
基于jQuery实现拖拽图标到回收站并删除功能
2015/11/25 Javascript
轻松学习jQuery插件EasyUI EasyUI创建菜单与按钮
2015/11/30 Javascript
javascript中new关键字详解
2015/12/14 Javascript
js贪吃蛇游戏实现思路和源码
2016/04/14 Javascript
jQuery中text() val()和html()的区别实例详解
2016/06/28 Javascript
js制作网站首页图片轮播特效代码
2016/08/30 Javascript
layui导航栏实现代码
2017/05/19 Javascript
详解vue-cli中配置sass
2017/06/21 Javascript
nodejs 图片预览和上传的示例代码
2017/09/30 NodeJs
从零开始实现Vue简单的Toast插件
2018/12/03 Javascript
vue中利用Promise封装jsonp并调取数据
2019/06/18 Javascript
JS回调函数 callback的理解与使用案例分析
2019/09/09 Javascript
微信小程序实现二维码签到考勤系统
2020/01/16 Javascript
Python SQLite3简介
2018/02/22 Python
详解如何在python中读写和存储matlab的数据文件(*.mat)
2018/02/24 Python
Python实现查找最小的k个数示例【两种解法】
2019/01/08 Python
python实现飞机大战游戏
2020/10/26 Python
python中实现词云图的示例
2020/12/19 Python
关于python中remove的一些坑小结
2021/01/04 Python
中海讯通笔试题
2015/09/15 面试题
设计师求职信模板
2014/05/06 职场文书
学校爱国卫生月活动总结
2014/06/25 职场文书
乔迁之喜答谢词
2015/01/05 职场文书
校运会广播稿
2015/08/19 职场文书
GoFrame gredis缓存DoVar Conn连接对象 自动序列化GoFrame gredisDo/DoVar方法Conn连接对象自动序列化/反序列化总结
2022/06/14 Golang