简述：

简单记录一下数据结构Map和数组，

其实在Javascript这种弱类型的脚本语言中，数组同时也就是字典，下面主要就是字典数组的简易使用

 

代码：

1. 数组中添加map

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <title>Test</title>
  6. <script type="text/javascript">
  7. var arr = [];
  8. var key = 'Jeremy';
  9. var value = '!!!!'
  10. arr.push({
  11. 'key': key,
  12. 'value': value,
  13. });
  14. document.write("key: " + arr[0]['key'] +
  15. "<br/>value: " + arr[0]['value']);
  16. </script>
  17. </head>
  18. <body>
  19. </body>
  20. </html>

输出0：


2. 数组遍历输出

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <title>Test</title>
  6. </head>
  7. <body>
  8. <script type="text/javascript">
  9. var arr = [];
  10. arr.push("Jeremy");
  11. arr.push("Jimmy");
  12. for(var i in arr)
  13. document.write(i + ": " + arr[i] + "</br>");
  14. </script>
  15. </body>
  16. </html>

输出1：

3. 类似字典（map)遍历

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <title>Test</title>
  6. </head>
  7. <body>
  8. <script type="text/javascript">
  9. var dict = []; //or dict = new Array()
  10. dict["Jeremy"] = 20;
  11. dict["Jimmy"] = 30;
  12. for(var key in dict)
  13. document.write(key + ": " + dict[key] + "</br>");
  14. </script>
  15. </body>
  16. </html>


输出2：

4. 字典声明时赋值

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <title>Test</title>
  6. </head>
  7. <body>
  8. <script type="text/javascript">
  9. var dict = {
  10. "Jeremy" : 20,
  11. "Jimmy" : 30
  12. };
  13. for(var key in dict)
  14. document.write(key + ": " + dict[key] + "</br>");
  15. </script>
  16. </body>
  17. </html>

输出3：

5.字典中嵌套数组

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <title>Test</title>
  6. </head>
  7. <body>
  8. <script type="text/javascript">
  9. var dict = {
  10. "Jeremy" : ["Chinese", "Math"] ,
  11. "Jimmy" : ["Art", "English"]
  12. };
  13. var name = "Jeremy";
  14. for(var courseIndex in dict[name])
  15. document.write(dict[name][courseIndex] + "</br>");
  16. </script>
  17. </body>
  18. </html>


输:4：

6. 字典里value为数组， 数组内为字典，

下面的逻辑就是学生 ：  课程列表 ： 某门的课程信息

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <title>Test</title>
  6. </head>
  7. <body>
  8. <script type="text/javascript">
  9. var dict = [];
  10. var courseListOfJeremy = [
  11. {"Chinese" : 3},
  12. {"Math": 5}
  13. ];
  14. dict['Jeremy'] = courseListOfJeremy;
  15. var courseListOfJimmy =  [
  16. {"Art": 3},
  17. {"English": 5}
  18. ];
  19. dict['Jimmy'] = courseListOfJimmy;
  20. document.write("Jimmy's Course Number Of Chinese: " + dict['Jeremy'][0]['Chinese']);
  21. </script>
  22. </body>
  23. </html>


输出5：

http://blog.csdn.net/anialy/article/details/8295765

Javascript中数组与字典(即map)的使用的更多相关文章

  1. [转] Javascript中数组与字典(即object)的使用

    简述: 简单记录一下数据结构字典和数组, 其实在Javascript这种弱类型的脚本语言中,数组同时也就是字典,下面主要就是字典数组的简易使用 代码: 1. 数组中添加map <!DOCTYPE ...

  2. javascript中数组Array的方法

    一.常用方法(push,pop,unshift,shift,join)push pop栈方法,后进先出var a =[1,2,3];console.log(a.push(40)); //4 返回数组的 ...

  3. javascript中数组的常用算法深入分析

    Array数组是Javascript构成的一个重要的部分,它可以用来存储字符串.对象.函数.Number,它是非常强大的.因此深入了解Array是前端必修的功课.本文将给大家详细介绍了javascri ...

  4. 总结Javascript中数组各种去重的方法

    相信大家都知道网上关于Javascript中数组去重的方法很多,这篇文章给大家总结Javascript中数组各种去重的方法,相信本文对大家学习和使用Javascript具有一定的参考借鉴价值,有需要的 ...

  5. 前端面试之JavaScript中数组的方法！【残缺版！！】

    前端面试之JavaScript中数组常用的方法 7 join Array.join()方法将数组中所有元素都转化为字符串并连接在-起,返回最后生成的字 符串.可以指定一个可选的字符串在生成的字符串中来 ...

  6. JavaScript中数组操作常用方法

    JavaScript中数组操作常用方法 1.检测数组 1)检测对象是否为数组,使用instanceof 操作符 if(value instanceof Array) { //对数组执行某些操作 } 2 ...

  7. Javascript中数组

    Javascript中数组 1.什么是数组 所谓的数组就是一组数据的集合,在内存中表现为一段连续的内存地址(保存在堆内存) 2.创建数组的含义 创建数组的目的:就是为了保存更多的数据 3.数组的定义 ...

  8. javascript中数组常用方法总结

    原文:javascript中数组常用方法总结 在javascript的基础编程中,数组是我们最常遇到的,那么数组的一些常用方法也是我们必须要掌握的,下面我们总结一下数组中常用的方法. toString ...

  9. JavaScript中数组Array方法详解

    ECMAScript 3在Array.prototype中定义了一些很有用的操作数组的函数,这意味着这些函数作为任何数组的方法都是可用的. 1.Array.join()方法 Array.join()方 ...

随机推荐

  1. __block修饰变量以及代码块的用法

    //如果没有"__block"修饰变量,则在代码块中无法修改变量的值 __block ; //定义代码块: //返回值类型 (^代码块名称)(参数类型) = ^(参数类型 参数名称 ...

  2. php 画图片

    <?php // 使用php操作gd库做图 // 1. 创建一个画布资源 $im = imagecreatetruecolor(80, 40); // 2. 画内容 // 2.1 先位画布准备颜 ...

  3. CSS3 Background-size

    详情见链接 http://www.w3cplus.com/content/css3-background-size/ 例子:http://www.topcss.org/demo/background- ...

  4. js zTree的用法

    代码如下: <script type="text/javascript">    var reginTree = {    setting: {        view ...

  5. html学习心得

    注释:浏览器会自动地在段落的前后添加空行.(<p> 是块级元素) 提示:使用空的段落标记 <p></p> 去插入一个空行是个坏习惯.用 <br /> 标 ...

  6. OPENCV配置 C1083: 无法打开包括文件:“opencv2/opencv.hpp”

    本人没实操过C/C++,理论看过不少. 目前出于提升技术的考虑想做OPENCV 配置了2天,总算是配置好了..遇到不少问题. 计算机配置WIN10,用户环境变量配置也郁闷过... JDK等配置方式,配 ...

  7. ES5 对数组方法的扩展 以及 正则表达式

    ES5 对数组的扩展 forEach map some every indexOf lastIndexOf forEach 与 map 语法: 数组.forEach(function ( v, i ) ...

  8. C++/java之间的Socket通信大小端注意事项

    在一个物联往项目中,需要java云平台与一个客户端做socket定制协议的通信:然而在第一次测试时,并没有按照预想的那样完成解析.查找资料以后是因为客户端的数据读取方式为小端模式,而java默认采用大 ...

  9. SqlServer性能优化 性能调控（十）

    如何做资源的调控: 1.建立资源池. 2.创建工作负荷组 create resource pool ImporPool with ( min_cpu_percent=30,max_cpu_percen ...

  10. Expected BEGIN_OBJECT but was BEGIN_ARRAY at line 1 column 2 path 解决办法

    返回数据解析错误 com.google.gson.JsonSyntaxException: java.lang.IllegalStateException: Expected BEGIN_OBJECT ...