简述：

简单记录一下数据结构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. LeetCode Reorder List

    struct ListNode { int val; ListNode *next; ListNode(int x) : val(x), next(NULL) {} }; class Solution ...

  2. 哈希（Hash）与加密（Encrypt）相关内容

    1.哈希(Hash)与加密(Encrypt)的区别 哈希(Hash)是将目标文本转换成具有相同长度的.不可逆的杂凑字符串(或叫做消息摘要),而加密(Encrypt)是将目标文本转换成具有不同长度的.可 ...

  3. Codeforces

    Codeforces 7E #include <iostream> #include <cstring> #include <cstdio> #include &l ...

  4. yii2.0邮箱发送

    邮件发送配置: 打开配置文件将下面代码添加到 components => [...]中(例:高级版默认配置在/common/config/main-local.php)         'mai ...

  5. c++ float能到小数点后多少位

    float xiaoshu=0.0000000000000000000000000000000000000000000001; cout<<"xiaoshu"<& ...

  6. iOS开发,用了ARC,引入非ARC的第三方，报错

    ARC forbids explicit message sendof'dealloc' 在xcode中,打开“Build Setting”,找到“Objective-C Automatic Refe ...

  7. 【转】我是如何在SQLServer中处理每天四亿三千万记录的

    原文转自:http://blog.jobbole.com/80395/ 首先声明,我只是个程序员,不是专业的DBA,以下这篇文章是从一个问题的解决过程去写的,而不是一开始就给大家一个正确的结果,如果文 ...

  8. iOS 线性滚动

    在这里,给大家带来简单的滚动实现,首先看一下实现效果. 通过观察不难发现,有很多地方并不是那么容易想出来的,对于篇随笔,感兴趣可以查查相关资料,我就不尽行过多说明,(主要是开考文字,不好说明

  9. thinkphp 介绍

    一.ThinkPHP的介绍             MVC  M - Model 模型                工作:负责数据的操作  V - View  视图(模板)        工作:负责 ...

  10. vs 下安装boost

    首先到boost官网去下载最新的版本的boost库,选对对应的平台版本. 下载官网 解压文件, 先运行bootstrap.bat文件,生成bjam.exe并运行它.推荐完全编译的方式运行bjam 推荐 ...