好程序员web前端分享javascript关联数组用法总结，有需要的朋友可以参考下。

Hash关联数组定义

代码如下

// 定义空数组

myhash = { }

// 直接定义数组

myhash = {"key1":"val1","key2":"val2" }

// 用Array 定义数组

myhash = new Array();

myhash["key1"] = "val1";

myhash["key2"] = "val2";

向Hash关联数组添加键值

代码如下

// 添加一个新键 newkey ，键值为 newval

myhash[”newkey”] = “newval”;

删除Hash关联数组已有键值

代码如下

// 删除一个键 newkey ，同时，该键值对应的 newval 也就消失了。

delete myhash[”newkey”];

遍历Hash关联数组

代码如下 复制代码

// 遍历整个hash 数组

for (key in myhash) {

val = myhash[key];

}

Hash关联数组简易使用示例

代码如下

<script type=”text/javascript”>

urlhash = { “yahoo”:”www.111cn.net“,

“baidu”:”www.baidu.com“,

“google”:”www.google.cn” };

// 交互式使用示例

userinfo = prompt(”请输入您最想去的搜索引擎：(yahoo|baidu|google)”, “yahoo”);

document.write (”您的选择：” + userinfo + “，<a href=http://” + getURL(userinfo) + ” target=_blank>” + “按此即可进入” + “</a>” + userinfo + “。”);

// getURL

// 如果参数未定义，默认返回 www.111cn.net 网址

// @param choice 选择名称

// @return url 实际的URL

function getURL(choice) {

url = urlhash[choice];

if (typeof(urlhash[choice]) == “undefined”)

url = “www.111cn.net“;

return url;

}

// 获得hash列表的所有 keys

// @param hash hash数组

// @return keys 键名数据

function array_keys(hash) {

keys = [];

for (key in hash)

keys.push(key);

return keys;

}

</script>

例如：

//这里主要是说明 对于关联数组的遍历，首先定义一个数组：

代码如下

var arr = new Array();

//随便创建关联数组的数据如下：

arr["name"] = "mary";

arr["age"] = "3";

arr["sex"] = "man";

//利用 for 循环遍历如下：

for( var keyin arr)

{

// 则上面 key 变量所取的值为 "name" 或 "age" 或 "sex"，

//而不是数组的值

// 下面的 value 才是取到对应的值

var value = arr[key];

}

JS中对象的属性可以通过括号”[ ]”或者“.”来访问，例如上面的 a[“a”]和a.a是等效的。

例子

下面的代码创建并初始化一个包含三个元素的关联数组（注意格式）：

代码如下

var MyArray = {"a" : "Athens", "b" : "Belgrade", "c" : "Cairo" };

在该数组中，可以使用字符串(“a”、 “b” 或 “c”) 来对元素寻址，而不是用数组元素的编号 (0、1 或 2)寻址。

这样就可以以更直观的寻址方案来创建和使用数组。同样可以使用上面显示的 for…in 语句代码来遍历该数组。

for (key in myArray)

document.write(“Element value is ” + MyArray[key] + “

);

举例:

<html>

<script>

var myArray = {"a" : "Athens", "b" : "Belgrade", "c" : "Cairo" };

for (key in myArray){

document.write( key+"="+myArray[key] + "<BR>");

}

document.write("a="+myArray["a"]);

</script>

</html>

好程序员web前端分享javascript关联数组用法总结的更多相关文章

  1. 好程序员web前端分享想要学习前端需要学那些课程

    好程序员web前端分享想要学习前端需要学那些课程,仔细思考了一下如何回答好这个话题,其实前端是一个涵盖面非常之广泛的一个职位,所需知识体系非常庞杂,与传统语言“想要精一行,必先通一门” 有很大差别, ...

  2. 好程序员web前端分享18个用CSS制作出来的东西

    好程序员web前端分享18个用CSS制作出来的东西,与流行的看法相反,CSS不仅仅是用来提供一个WEB页面的基本风格,以使它看起来更有吸引力.还有很多其他的事情,CSS也可以做的很好.由于它创建动画和 ...

  3. 好程序员web前端分享值得参考的css理论：OOCSS、SMACSS与BEM

    好程序员web前端分享值得参考的css理论:OOCSS.SMACSS与BEM 最近在The Sass Way里看到了Modular CSS typography一文,发现文章在开头部分就提到了OOCS ...

  4. 好程序员web前端分享前端学习路线自学如何找到工作

    好程序员web前端分享前端学习路线自学如何找到工作,自学能不能学会WEB前端并且找到WEB前端开发岗位的工作取决于自身条件,如果基础好,自律性强那么将会容易很多,还有就是自学最难克服的并不是知识点,而 ...

  5. 好程序员web前端分享HTML基础篇

    好程序员web前端分享HTML基础篇,最近遇到很多新手,都会问,如果要学web前端开发,需要学什么?难不难学啊?多久能入门之类的问题?那么今天好程序员就先来给大家分享一下web前端学习路线:HTML基 ...

  6. 好程序员web前端分享12个CSS高级技巧汇总

    好程序员web前端分享下面这些CSS高级技巧,一般人我可不告诉他哦. 使用 :not() 在菜单上应用/取消应用边框 给body添加行高 所有一切都垂直居中 逗号分隔的列表 使用负的 nth-chil ...

  7. 好程序员web前端分享如何理解JS的单线程

    好程序员web前端分享如何理解JS单线程,JS本质是单线程的.也就是说,它并不能像JAVA语言那样,两个线程并发执行. 但我们平时看到的JS,分明是可以同时运作很多任务的,这又是怎么回事呢? 首先,J ...

  8. 好程序员web前端分享css常用属性缩写

    好程序员web前端分享css常用属性缩写,使用缩写可以帮助减少你CSS文件的大小,更加容易阅读.css缩写的主要规则如下: 颜色 16进制的色彩值,如果每两位的值相同,可以缩写一半,例如: #0000 ...

  9. 好程序员web前端分享CSS元素类型

    好程序员web前端分享CSS元素类型 目标 1.元素类型分类依据和元素类型分类 2.元素类型的转换 3.inline-block元素类型的应用 4.置换和非置换元素的概念和应用案例 一.元素类型分类依 ...

随机推荐

  1. 巧妙地使用typora编辑有道云笔记

    设置方法 找到有道云笔记本地保存路径: 找到有道云笔记的保存的路径:启动有道云 - 设置 - 有道云笔记(本地文件) - 打开文件夹 使用typora打开有道云笔记目录: typora 菜单栏 - O ...

  2. bootstap初识之css

    老师的博客:https://www.cnblogs.com/liwenzhou/p/8214637.html bootstrap中文网:http://www.bootcss.com/ 官网:https ...

  3. this指针的初运用

    this一般运用场景: 1.位于函数中,谁调用指向谁 var make = "Mclaren"; var model = "720s" function ful ...

  4. 最短路问题之Bellman-ford算法

    题目: 最短路:给定两个顶点,在以这两个点为起点和终点的路径中,边的权值和最小的路径.考虑权值为点之间的距离. 单源最短路问题,Bellman-ford算法 思路:每次循环检查所有边,可优化. 应用于 ...

  5. Servlet生命周期 、Filter生命周期、Listering(监听器)总结

    Servlet生命周期简述 (1)加载和实例化 当Servlet容器启动或客户端发送一个请求时,Servlet容器会查找内存中是否存在该Servlet实例,若存在,则直接读取该实例响应请求:如果不存在 ...

  6. python基础-函数(9)

    一.函数的介绍 如果在开发程序时,需要某块代码多次,但是为了提高编写的效率以及代码的重用,所以把具有独立功能的代码块组织为一个小模块,这就是函数 函数的语法格式: def 函数名(): 函数的功能代码 ...

  7. Python300篇电子书免费送

    此电子书集合由猪哥整理,免费发布于微信公众号:裸睡的猪. 此电子书集合将持续更新,获取最新电子书集合请关注微信公众号:裸睡的猪,回复:电子书此电子书集合仅用作个人学习,请勿用于商业获利!!! 获取方式 ...

  8. 最近面试java后端开发的感受：如果就以平时项目经验来面试，通过估计很难——再论面试前的准备

    在上周,我密集面试了若干位Java后端的候选人,工作经验在3到5年间.我的标准其实不复杂:第一能干活,第二Java基础要好,第三最好熟悉些分布式框架,我相信其它公司招初级开发时,应该也照着这个标准来面 ...

  9. qs.stringify和JSON.stringify的使用和区别

    qs可通过npm install qs命令进行安装,是一个npm仓库所管理的包. 而qs.stringify()将对象 序列化成URL的形式,以&进行拼接. JSON是正常类型的JSON,请对 ...

  10. JavaScript一看就懂(3)数组

    定义数组 var a = [1, 2, 3]; typeof a; //"object", 数组是对象 a.length; //数组长度 相关操作 a[0]; //下标访问 a.p ...