好程序员web前端分享javascript关联数组用法总结
好程序员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关联数组用法总结的更多相关文章
- 好程序员web前端分享想要学习前端需要学那些课程
好程序员web前端分享想要学习前端需要学那些课程,仔细思考了一下如何回答好这个话题,其实前端是一个涵盖面非常之广泛的一个职位,所需知识体系非常庞杂,与传统语言“想要精一行,必先通一门” 有很大差别, ...
- 好程序员web前端分享18个用CSS制作出来的东西
好程序员web前端分享18个用CSS制作出来的东西,与流行的看法相反,CSS不仅仅是用来提供一个WEB页面的基本风格,以使它看起来更有吸引力.还有很多其他的事情,CSS也可以做的很好.由于它创建动画和 ...
- 好程序员web前端分享值得参考的css理论：OOCSS、SMACSS与BEM
好程序员web前端分享值得参考的css理论:OOCSS.SMACSS与BEM 最近在The Sass Way里看到了Modular CSS typography一文,发现文章在开头部分就提到了OOCS ...
- 好程序员web前端分享前端学习路线自学如何找到工作
好程序员web前端分享前端学习路线自学如何找到工作,自学能不能学会WEB前端并且找到WEB前端开发岗位的工作取决于自身条件,如果基础好,自律性强那么将会容易很多,还有就是自学最难克服的并不是知识点,而 ...
- 好程序员web前端分享HTML基础篇
好程序员web前端分享HTML基础篇,最近遇到很多新手,都会问,如果要学web前端开发,需要学什么?难不难学啊?多久能入门之类的问题?那么今天好程序员就先来给大家分享一下web前端学习路线:HTML基 ...
- 好程序员web前端分享12个CSS高级技巧汇总
好程序员web前端分享下面这些CSS高级技巧,一般人我可不告诉他哦. 使用 :not() 在菜单上应用/取消应用边框 给body添加行高 所有一切都垂直居中 逗号分隔的列表 使用负的 nth-chil ...
- 好程序员web前端分享如何理解JS的单线程
好程序员web前端分享如何理解JS单线程,JS本质是单线程的.也就是说,它并不能像JAVA语言那样,两个线程并发执行. 但我们平时看到的JS,分明是可以同时运作很多任务的,这又是怎么回事呢? 首先,J ...
- 好程序员web前端分享css常用属性缩写
好程序员web前端分享css常用属性缩写,使用缩写可以帮助减少你CSS文件的大小,更加容易阅读.css缩写的主要规则如下: 颜色 16进制的色彩值,如果每两位的值相同,可以缩写一半,例如: #0000 ...
- 好程序员web前端分享CSS元素类型
好程序员web前端分享CSS元素类型 目标 1.元素类型分类依据和元素类型分类 2.元素类型的转换 3.inline-block元素类型的应用 4.置换和非置换元素的概念和应用案例 一.元素类型分类依 ...
随机推荐
- 【工具篇】抓包中的王牌工具—Fiddler （2-工具介绍）
Fiddler 抓包工具界面简介 1) 字段说明 Fiddler想要抓到数据包,要确保Capture Traffic是开启,在File –> Capture Traffic. 开启后再左下角会有 ...
- Java 开发常用工具
编译器 IDEA (个人觉得IDEA比较好用) Eclipse MyEclipse IDEA插件 Lombok: 使用注解,免去实体类中get /set/构造器等代码 ,需要引入lombok包 Ali ...
- 使用 Vue 开发 scrollbar 滚动条组件
Vue 应该说是很火的一款前端库了,和 React 一样的高热度,今天就来用它写一个轻量的滚动条组件: 知识储备:要开发滚动条组件,需要知道知识点是如何计算滚动条的大小和位置,还有一个问题是如何监听容 ...
- 『集群』007 如何测试Slithice源代码
如何测试Slithice源代码 直接测试 >你可以直接 进入 “集合编译区”,这里面 已经有 编译好的 所有程序集: >部署 配置数据库: >附加 集合编译区 中的 SQLServe ...
- MIPI DSI之DBI DPI含义和区别（3-1）
一.MIPI MIPI(Mobile Industry Processor Interface/移动工业处理器接口)是2003年由ARM.Nokia.ST 等公司成立联盟并为移动应用处理器制定的一个开 ...
- Centos7+lnmp+zabbix4+分离mysql实验
一.简介 1.什么是zabbix zabbix是一个企业级的.开源的.分布式的监控套件. zabbix可以对网络和服务进行完整性,健康性的监控.zabbix利用灵活的告警机制,可以实验微信,短信和邮件 ...
- cocos creator主程入门教程（三）—— 资源管理
五邑隐侠,本名关健昌,10年游戏生涯,现隐居五邑.本系列文章以TypeScript为介绍语言. 在初识篇,我介绍过怎样加载prefab.cocos提供了一系列的加载接口,包括cc.loader.loa ...
- axios（封装使用、拦截特定请求、判断所有请求加载完毕）
博客地址:https://ainyi.com/71 基于 Promise 的 HTTP 请求客户端,可同时在浏览器和 Node.js 中使用 vue2.0之后,就不再对 vue-resource 更新 ...
- 简说Java线程的那几个启动方式
本文首发于本博客 猫叔的博客,转载请申明出处 前言 并发是一件很美妙的事情,线程的调度与使用会让你除了业务代码外,有新的世界观,无论你是否参与但是这对于你未来的成长帮助很大. 所以,让我们来好好看看在 ...
- shiro缓存管理
一. 概述 Shiro作为一个开源的权限框架,其组件化的设计思想使得开发者可以根据具体业务场景灵活地实现权限管理方案,权限粒度的控制非常方便.首先,我们来看看Shiro框架的架构图:从上图我们可以很清 ...