好程序员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. 12.22 大湾区.NET Meet 大会

    今年的 Connect(); 主题更加聚焦开发者工具生产力.开源,以及无服务器(Serverless)云服务. Visual Studio 2019 AI 智能加持的 IntelliCode.实时代码 ...

  2. Hadoop系列002-从Hadoop框架讨论大数据生态

    本人微信公众号,欢迎扫码关注! 从Hadoop框架讨论大数据生态 1.Hadoop是什么 1)Hadoop是一个由Apache基金会所开发的分布式系统基础架构 2)主要解决,海量数据的存储和海量数据的 ...

  3. 日吞吐万亿，腾讯云时序数据库CTSDB解密

    一.背景 随着移动互联网.物联网.大数据等行业的高速发展,数据在持续的以指数级的速度增长,比如我们使用手机访问互网络时的行为数据,各种可穿戴设备上报的状态数据,工厂中设备传感器采集的指标数据,传统互联 ...

  4. 使用chan的时候选择对象还是指针

    使用chan的时候选择对象还是指针 今天在写代码的时候遇到一个问题,在创建一个通道的时候,不确定创建的通道是使用chan A还是chan *A. 思考了一下,觉得这个应该和函数一样是一个值传递还是参数 ...

  5. 【重学计算机】机组D4章：存储系统

    1. 存储系统层次结构 主存速度缓慢的原因:主存增速与CPU不同步,执行指令期间多次访问主存 主存容量不足的原因: 存在制约主存容量的技术因素:如由CPU.主板等相关技术指标规定了主存容量 应用对主存 ...

  6. 【Android Studio安装部署系列】二十五、Android studio使用NDK生成so文件和arr文件

    版权声明:本文为HaiyuKing原创文章,转载请注明出处! 概述 Android Studio使用ndk的简单步骤. NDK环境搭建 下载NDK 下载链接:https://developer.and ...

  7. spring-boot-2.0.3源码篇 - @Configuration、Condition与@Conditional

    前言 开心一刻 一名劫匪慌忙中窜上了一辆车的后座,上车后发现主驾和副驾的一男一女疑惑地回头看着他,他立即拔出枪威胁到:“赶快开车,甩掉后面的警车,否则老子一枪崩了你!”,于是副驾上的男人转过脸对那女的 ...

  8. 第三节：dingo/API 最新版 V2.0 之 Creating API Endpoints （连载）

    对于这篇文章的标题,其实,直译就是创建api端点.但是,真的很难懂,我还是写为API路由吧.每篇,文章,我都会全部去进行实践操作,力求写一个好点的教程. 本文英文地址——>https://git ...

  9. c# 制作正方形图片

    using System; using System.Collections.Generic; using System.Drawing; using System.Drawing.Drawing2D ...

  10. Django 提交 form 表单

    创建 Django 的过程可以参考上一篇文章 https://www.cnblogs.com/klvchen/p/10601536.html 在 templates 文件夹下创建一个 index.ht ...