Javascript数组与字典用法分析
更新时间：2014年12月13日 14:43:47 投稿：shichen2014
这篇文章主要介绍了Javascript数组与字典用法,以实例形式较为详细的分析了Array作为数组与字典的不同用法,具有一定的参考借鉴价值,需要的朋友可以参考下
本文实例分析了Javascript数组与字典用法。分享给大家供大家参考。具体分析如下：
Javascript 的数组Array,既是一个数组，也是一个字典(Dictionary).
先举例看看数组的用法。
复制代码 代码如下:
var a = new Array();
a[0] = "Acer";
a[1] = "Dell";
for (var i in a) {
alert(i);
}
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"]);
computer_price["Acer"] = 500;
computer_price["Dell"] = 600;
alert(computer_price["Acer"]);
我们甚至可以同样象上面那样遍历这个数组（字典）
复制代码 代码如下:
for (var i in computer_price) {
alert(i + ": " + computer_price[i]);
}
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
var array2 = { "Acer": 500, "Dell": 600 }; // 字典
alert(array2.Acer); // 50
这样对字典的声明是和前面的一样的。在我们的例子中，Acer又是键值，也可是作为字典对象的属性了。
希望本文所述对大家的javascript程序设计有所帮助。
相关文章
对于JQuery，想必大家都很熟悉。目前，很多web项目，在实施的过程中，考虑到各浏览器原生JS API的兼容性，大都会选用JQuery或类似于JQuery这样的框架来进行网页效果开发。这篇文章将给大家深入介绍jQuery()方法的构建原理，有需要的朋友们可以参考借鉴。2016-12-12
这篇文章主要介绍了webpack中如何使用雪碧图的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-11-11
这篇文章主要为大家详细介绍了javascript利用键盘控制小方块的移动，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-04-04
javascript之水平横向滚动歌词同步的应用...2007-05-05
这篇文章主要介绍了在JavaScript中运行.NET Core代码详情，DotNetJS可以将C#项目编译为与任何环境兼容的单文件JavaScript库，变可以在JavaScript中运行.NET Core代码，相关操作分享详情，需要的小伙伴可以参考一下2022-04-04
iframe里的值在实现一些比较特殊功能时需要获取的，下面为大家详细介绍下使用javascript获取iframe里值的方法，感兴趣的各位可以参考下哈2013-06-06
这篇文章主要介绍了Flutter实现仿微信底部菜单栏,需要的朋友可以参考下2019-09-09
这篇文章主要介绍了2种创建js对象和js类的方法，十分的简单，推荐给大家。2014-12-12
这篇文章主要介绍了多种在HTML、CSS和JavaScript中实现换行和空格处理的方法,这些方法可以帮助开发者在不同的场景下控制文本的换行和空格显示,需要的朋友可以参考下2025-01-01
在本篇文章里我们给大家带来一篇关于用原生JS编写兼容IE6,7,8浏览器无缝自动轮播的相关知识点，需要的朋友们参考下。2018-10-10
最新评论