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 相关文章推荐
Javascript学习笔记-详解in运算符
Sep 13 Javascript
jQuery类选择器用法实例
Dec 23 Javascript
node.js使用cluster实现多进程
Mar 17 Javascript
举例讲解jQuery对DOM元素的向上遍历、向下遍历和水平遍历
Jul 07 Javascript
AngularJS实用开发技巧(推荐)
Jul 13 Javascript
jQuery实现ajax的叠加和停止(终止ajax请求)
Aug 08 Javascript
Javascript从数组中随机取出不同元素的两种方法
Sep 22 Javascript
利用纯Vue.js构建Bootstrap组件
Nov 03 Javascript
前端面试知识点锦集(JavaScript篇)
Dec 28 Javascript
Vue 实现拖动滑块验证功能(只有css+js没有后台验证步骤)
Aug 24 Javascript
详解Vue中数组和对象更改后视图不刷新的问题
Sep 21 Javascript
送你43道JS面试题(收藏)
Jun 17 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
《Pokemon Sword·Shield》系列WEB动画《薄明之翼》第2话声优阵容公开!
2020/03/06 日漫
php 来访国内外IP判断代码并实现页面跳转
2009/12/18 PHP
细谈php中SQL注入攻击与XSS攻击
2012/06/10 PHP
Yii2增加验证码步骤详解
2016/04/25 PHP
JavaScript中void(0)的具体含义解释
2007/02/27 Javascript
Save a File Using a File Save Dialog Box
2007/06/18 Javascript
Javascript Select操作大集合
2009/05/26 Javascript
JavaScript中 ES6 generator数据类型详解
2016/08/11 Javascript
微信JS接口大全
2016/08/25 Javascript
基于js文件加载优化(详解)
2018/01/03 Javascript
jQuery实现通过方向键控制div块上下左右移动的方法【测试可用】
2018/04/26 jQuery
Django+Vue实现WebSocket连接的示例代码
2019/05/28 Javascript
vue data引入本地图片的两种方式小结
2019/11/13 Javascript
Vue实现剪切板图片压缩功能
2020/02/04 Javascript
Python and、or以及and-or语法总结
2015/04/14 Python
Python使用Pycrypto库进行RSA加密的方法详解
2016/06/06 Python
python实现SOM算法
2018/02/23 Python
Django Path转换器自定义及正则代码实例
2020/05/29 Python
Python GUI库Tkiner使用方法代码示例
2020/11/27 Python
Python爬虫教程之利用正则表达式匹配网页内容
2020/12/08 Python
python自动生成sql语句的脚本
2021/02/24 Python
HTML5中drawImage用法分析
2014/12/01 HTML / CSS
详解h5页面在不同ios设备上的问题总结
2019/03/01 HTML / CSS
有趣、实用和鼓舞人心的产品:Inspire Uplift
2019/11/05 全球购物
为您搜罗全球潮流時尚品牌:HBX
2019/12/04 全球购物
XML文档面试题
2015/08/05 面试题
C# .NET面试题
2015/11/28 面试题
Linux Interview Questions For software testers
2012/06/02 面试题
领导党性分析材料
2014/02/15 职场文书
人事任命书范文
2014/06/04 职场文书
2014年网管工作总结
2014/12/11 职场文书
人事任命通知
2015/04/20 职场文书
2015年预防青少年违法犯罪工作总结
2015/05/22 职场文书
2015年乡镇组织委员工作总结
2015/10/23 职场文书
助学金申请书该怎么写?
2019/07/16 职场文书
2019垃圾分类宣传口号汇总
2019/08/16 职场文书