关于JavaScript中的关联数组分析
通常的数组在填充时会隐式或者显示指定数组下标,但JS中数组可以以名字的形式为元素赋值,这就形成了关联数组,如:
var arr=new Array();
arr["china"]="beijing,niaoling,hulan";
arr["usa"]="newyork,washington,atlanta";
arr["japan"]="tokyo";
alert(arr["china"]);
alert(arr["japan"]);
alert(arr[0]);
注意上面的alert(arr[0]);这一句,它会返回undifined。这就意味着,关联数组中,不能再以传统的下标方式来访问数组元素而必须通过元素的名字。
这种通过名字来访问数组元素的形式有可读性高,灵活方便的优势。一定程度上它可以作为JS中的哈希表来使用。
对关联数组进行遍历时需要使用for in 循环,注意以下代码中两种不同的遍历方式:
var arr=new Array();
arr["china"]="beijing,niaoling,hulan";
arr["usa"]="newyork,washington,atlanta";
arr["japan"]="tokyo";
// 这种方式可以遍历关联数组中的名称
for(var item in arr){
alert(item);
}
// 这种方式可以遍历关联数组中的各元素
for(var item in arr){
alert(arr[item]);
}
相关推荐
-
jQuery 遍历json数组的实现代码
复制代码 代码如下: <script type="text/javascript"> var d1 =[{"text":"王家湾","value":"9"},{"text":"李家湾","value":"10"},{"text":"邵家湾","value":
-
js中的关联数组与普通数组详解
var privArr = []; privArr['staProjQueryGrid'] = [{ btn_id : 'but_add', roles : ['2001','2005'] }] console.log(privArr,privArr.staProjQueryGrid[0].btn_id) 第一行是定义一个数组priArr,第二行是给这个数组添加一个属性staProjQueryGird,这个属性值是一个数组.打印结果是 but_add var unPrivArr = [];//
-
JavaScript 以对象为索引的关联数组
关于JSON对象,你可以参看wikipedia(http://zh.wikipedia.org/zh-cn/JSON),还有官方网站(http://www.json.org/json-zh.html). 我们常说JavaScript原生支持json,因为我们可以认为json就是对JavaScript的Object对象的灵活应用. 通常我们使用json的方式,主要用作前后台数据交换的格式: 而在代码逻辑中更多的是用关联数组的方式.但即使是这样我们也很少使用对象类型作为键值对的键名. var a=
-
Javascript的常规数组和关联数组对比小结
首先我们看看数组的分类: 从数组的下标分为索引数组.关联数组 复制代码 代码如下: /* 索引数组,即通常情况下所说的数组 */ var ary1 = [1,3,5,8]; //按索引去取数组元素,从0开始(当然某些语言实现从1开始),索引实际上就是序数,一个整型数字 ary1[0]; ary1[1]; ary1[2]; ary1[3]; /* 关联数组,指以非序数类型为下标来存取的数组 python中称为字典 */ var ary2 = {}; //存取时,以非序数(数字),这里是字符串 ar
-
js jquery数组介绍
1.数组的创建 var arr=new Array(); 2.查找数组中的元素 复制代码 代码如下: for(var i=0;i<arr.length;i++) if(arr[i]==temp) return true; 3.下面比较一下Array和Object的特性: Array: 新建:var ary = new Array(); 或 var ary = []; 增加:ary.push(value); 删除:delete ary[n]; 遍历:for ( var i=0 ; i < ary
-
JS数组的遍历方式for循环与for...in
JS数组的遍历方法有两种: 第一种:一般的for循环,例如: var a = new Array("first", "second", "third") for(var i = 0;i < a.length; i++) { document.write(a[i]+","); } 输出的结果:fitst,second,third 第一种:用for...in 这种遍历的方式,例如: var arr = new Array(&
-
JavaScript中的关联数组问题
复制代码 代码如下: var beatles = ["john","Paul","George","Ringo"]; 上面中的beatles数组是个传统数组典型的例子:每个元素的下标是一个数字,每增加一个元素,这个数字就依次增加1.第一个元素的下标是0,第二个元素的下标是1.以此类推. 如果在填充数组时只给出了元素的值,这个数组就将是一个传统数组,它的各个元素的下标将被自动创建和刷新. 可以通过在填充数组时为每个新元素明确地给
-
js以对象为索引的关联数组
关于JSON对象,你可以参看wikipedia(http://zh.wikipedia.org/zh-cn/JSON),还有官方网站(http://www.json.org/json-zh.html). 我们常说JavaScript原生支持json,因为我们可以认为json就是对JavaScript的Object对象的灵活应用. 通常我们使用json的方式,主要用作前后台数据交换的格式: 而在代码逻辑中更多的是用关联数组的方式.但即使是这样我们也很少使用对象类型作为键值对的键名. var a=
-
JavaScript中的索引数组、关联数组和静态数组、动态数组讲解
数组分类: 1.从数组的下标分为索引数组.关联数组 复制代码 代码如下: /* 索引数组,即通常情况下所说的数组 */ var ary1 = [1,3,5,8]; //按索引去取数组元素,从0开始(当然某些语言实现从1开始) //索引实际上就是序数,一个整型数字 alert(ary1[0]); alert(ary1[1]); alert(ary1[2]); alert(ary1[3]); /* 关联数组,指以非序数类型为下标来存取的数组 python中称为字典 */ var ary2 =
-
JavaScript关联数组用法分析【概念、定义、遍历】
本文实例讲述了JavaScript关联数组用法.分享给大家供大家参考,具体如下: 基本概念: "关联数组"是一种具有特殊索引方式的数组.不仅可以通过整数来索引它,还可以使用字符串或者其他类型的值(除了NULL)来索引它.关联数组的索引值是任意的标量,这些标量称为Keys,可以在以后用于检索数组中的数值.关联数组的元素没有特定的顺序. 关联数组长成什么样? 复制代码 代码如下: var defs = [W3C: "World Wide Web Consortium",
-
js数组去重的三种常用方法总结
第一种是比较常规的方法 思路: 1.构建一个新的数组存放结果 2.for循环中每次从原数组中取出一个元素,用这个元素循环与结果数组对比 3.若结果数组中没有该元素,则存到结果数组中 复制代码 代码如下: Array.prototype.unique1 = function(){ var res = [this[0]]; for(var i = 1; i < this.length; i++){ var repeat = false; for(var j = 0; j < res.lengt
-
js二维数组定义和初始化的三种方法总结
方法一:直接定义并且初始化,这种遇到数量少的情况可以用 var _TheArray = [["0-1","0-2"],["1-1","1-2"],["2-1","2-2"]] 方法二:未知长度的二维数组 var tArray = new Array(); //先声明一维 for(var k=0;k<i;k++){ //一维长度为i,i为变量,可以根据实际情况改变 tArray[k]
随机推荐
- prototype1.4中文手册
- jQuery EasyUI API 中文文档 - PropertyGrid属性表格
- vbs 解析html文档的方法(htmlfile)
- eval(function(p,a,c,k,e,d)系列解密javascript程序
- php面向对象全攻略 (十五) 多态的应用
- 用JavaScript调用WebService的示例
- XML相关技术资料
- Linux下MongoDB数据库实现自动备份详解
- JavaScript获取当前cpu使用率的方法
- 关于虚拟主机开通后自动预装网站的功能说明
- videocapture库制作python视频高速传输程序
- javascript实现下班倒计时效果的方法(可桌面通知)
- FileStream常用的属性与方法总结
- react+django清除浏览器缓存的几种方法小结
- Smarty缓存机制实例详解【三种缓存方式】
- 深入探索VueJS Scoped CSS 实现原理
- 解析vue路由异步组件和懒加载案例
- 你不知道的 IDEA Debug调试小技巧(小结)
- 解决每次打开pycharm直接进入项目的问题
- 易语言随机生成MAC地址的代码