好程序员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. 网络流 P3358 最长k可重区间集问题

    P3358 最长k可重区间集问题 题目描述 对于给定的开区间集合 I 和正整数 k,计算开区间集合 I 的最长 k可重区间集的长度. 输入输出格式 输入格式: 的第 1 行有 2 个正整数 n和 k, ...

  2. #Java学习之路——基础阶段二（第四篇）

    我的学习阶段是跟着CZBK黑马的双源课程,学习目标以及博客是为了审查自己的学习情况,毕竟看一遍,敲一遍,和自己归纳总结一遍有着很大的区别,在此期间我会参杂Java疯狂讲义(第四版)里面的内容. 前言: ...

  3. JavaSE：八种基本数据类型

    变量: 程序用来存储数据的一块内存空间,程序在运行过程中可以对其存储的数据进行改变,所以叫做变量 常量:相对于变量来说,其值是不可改变的 ​ 整数类型(byte short int long) ​ b ...

  4. oracle和mysql批量合并对比

    orm框架采用mybatis,本博客介绍一下批量合并merge用oracle和mysql来做的区别, oracle merge合并更新函数的详细介绍可以参考我以前的博客:https://blog.cs ...

  5. Spring之旅第四篇-注解配置详解

    一.引言 最近因为找工作,导致很长时间没有更新,找工作的时候你会明白浪费的时间后面都是要还的,现在的每一点努力,将来也会给你回报的,但行好事,莫问前程!努力总不会有错的. 上一篇Spring的配置博客 ...

  6. ToastMiui【仿MIUI的带有动画的Toast】

    版权声明:本文为HaiyuKing原创文章,转载请注明出处! 前言 仿MIUI的带有动画的Toast 效果图 代码分析 ToastMiui类基于WindowManager 为了和Toast用法保持一致 ...

  7. ToolbarDemo【Toolbar作为顶部导航栏的简单使用】

    版权声明:本文为HaiyuKing原创文章,转载请注明出处! 前言 简单记录ToolBar作为导航栏的使用.关键点在于如何在dialogfragment中使用toolbar! Toolbar的图标.标 ...

  8. 手撸GitLab CI(阉割版）

    上一集我们说到如何从零开始搭建一个Vue-cli 3.0的项目,而这一集我们将说到如何手写一份阉割版的CI脚本. 首先说一下GitLab部署到服务器的操作,一般有两种,一种是规范化分离的,包含runn ...

  9. [开源]WinForm 控件使用总结

    背景 都2019年了,还在用WinForm吗?哈哈,其实我也没在用,都是很多年前一些项目积累,所以代码写的有些屎,之所以开源出来,希望能给大家有所帮助,喜欢的话给 一个Star以资鼓励~: 具体代码: ...

  10. Lumen框架-错误&日志

    介绍 当你开始一个新的Lumen项目的时候,错误和异常功能,已经在框架中注入了.此外,Lumen还集成了Monolog日志函数,支持和提供多种强大的日志处理功能. 配置 错误详情 大量的错误信息在你的 ...