浅谈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 相关文章推荐
扩展jQuery 键盘事件的几个基本方法
Oct 30 Javascript
Android中的jQuery:AQuery简介
May 06 Javascript
jQuery选择器querySelector的使用指南
Jan 23 Javascript
探究JavaScript函数式编程的乐趣
Dec 14 Javascript
JavaScript实现简单的日历效果
Sep 25 Javascript
AngularJS constant和value区别详解
Feb 28 Javascript
利用JS判断客户端类型你应该知道的四种方法
Dec 22 Javascript
Angular使用操作事件指令ng-click传多个参数示例
Mar 27 Javascript
解决node-sass偶尔安装失败的方法小结
Dec 05 Javascript
Vue动态组件和异步组件原理详解
May 06 Javascript
vue如何实现自定义底部菜单栏
Jul 01 Javascript
使用JS监听键盘按下事件(keydown event)
Nov 07 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
玩转图像函数库―常见图形操作
2006/09/03 PHP
php 分页函数multi() discuz
2009/06/21 PHP
php 计划任务 检测用户连接状态
2012/03/29 PHP
php实例分享之html转为rtf格式
2014/06/02 PHP
PHP实现对站点内容外部链接的过滤方法
2014/09/10 PHP
php对文件夹进行相关操作(遍历、计算大小)
2015/11/04 PHP
YII2框架中使用RBAC对模块,控制器,方法的权限控制及规则的使用示例
2020/03/18 PHP
jQuery学习笔记之jQuery.extend(),jQuery.fn.extend()分析
2014/06/09 Javascript
利用jQuery设计一个简单的web音乐播放器的实例分享
2016/03/08 Javascript
JS实现点击登录弹出窗口同时背景色渐变动画效果
2016/03/25 Javascript
全面接触神奇的Bootstrap导航条实战篇
2016/08/01 Javascript
Bootstrap基本样式学习笔记之标签(5)
2016/12/07 Javascript
BootStrap3中模态对话框的使用
2017/01/06 Javascript
js时间戳和c#时间戳互转方法(推荐)
2017/02/15 Javascript
详解基于Angular4+ server render(服务端渲染)开发教程
2017/08/28 Javascript
使用Vuex实现一个笔记应用的方法
2018/03/13 Javascript
vue服务端渲染页面缓存和组件缓存的实例详解
2018/09/18 Javascript
如何去除富文本中的html标签及vue、react、微信小程序中的过滤器
2018/11/21 Javascript
JavaScript async/await原理及实例解析
2020/12/02 Javascript
Python+Wordpress制作小说站
2017/04/14 Python
Python3多线程操作简单示例
2018/05/22 Python
Python基于xlrd模块操作Excel的方法示例
2018/06/21 Python
python语言元素知识点详解
2019/05/15 Python
python实现的按要求生成手机号功能示例
2019/10/08 Python
python用pip install时安装失败的一系列问题及解决方法
2020/02/24 Python
Python常见反爬虫机制解决方案
2020/06/01 Python
pytorch判断是否cuda 判断变量类型方式
2020/06/23 Python
python爬虫scrapy基本使用超详细教程
2021/02/20 Python
在HTML5 Canvas中放入图片和保存为图片的方法
2014/05/03 HTML / CSS
澳大利亚领先的内衣店:Bendon Lingerie澳大利亚
2020/05/15 全球购物
初级软件工程师面试题 Junior Software Engineer Interview
2015/02/15 面试题
大学生职业生涯规划书
2014/03/14 职场文书
小学生综合素质评语
2014/04/23 职场文书
售房协议书范本2014
2014/10/23 职场文书
Python爬虫之自动爬取某车之家各车销售数据
2021/06/02 Python
再谈python_tkinter弹出对话框创建
2022/03/20 Python