简述：

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

其实在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 =  {};
  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：

[转] Javascript中数组与字典(即object)的使用的更多相关文章

  1. Javascript中数组与字典(即map)的使用

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

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

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

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

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

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

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

  5. javascript中数组Array的方法

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

  6. Javascript中数组

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

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

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

  8. JavaScript中数组Array方法详解

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

  9. javascript中数组化的一般见解

    javascript中数组化的一般见解,数组化浏览器中存在许多类数组对象,往往对类数组操作比较麻烦,没有数组那些非常方便的方法,在这种情况下,就有了数组化方法. 数组化的一般方法 1.第一种也是我们最 ...

随机推荐

  1. pkg-config相关的常用指令

    pkg-config用途: 查询系统已安装库的基础信息(元信息) 1.查看所有的pkg-config库 pkg-config --list-all --list-all  列出pkg-config路径 ...

  2. 03:计算(a+b)/c的值

    总时间限制:  1000ms 内存限制:  65536kB 描述 给定3个整数a.b.c,计算表达式(a+b)/c的值,/是整除运算. 输入 输入仅一行,包括三个整数a.b.c, 数与数之间以一个空格 ...

  3. 利用Xilinx中的ROM构造查找表来计算sin和cos的方法探讨

    1.使用matlab制作.coe文件 查找表的构造 构造256点的正余弦表 exp(-j*2*pi*(0:255)/256),分别得到 cos和sin的查找表 matlab代码: 求sin fid = ...

  4. Jcrop 做图片剪裁 在IE中无法显示问题解决办法

    我遇到的Jcrop做剪裁无法显示的问题 是在IE8下发生的(在 firfox he chrome 中是显示正常的) 解决办法 是在一个图片加载完成后在 初始化 Jcrop:1.预加载图片的方法 var ...

  5. CMD模块定义规范

    CMD 模块定义规范 在 Sea.js 中,所有 JavaScript 模块都遵循 CMD(Common Module Definition) 模块定义规范.该规范明确了模块的基本书写格式和基本交互规 ...

  6. Web.config总结

    %windir%/Microsoft.NET/Framework/v2.0.50727/CONFIG目录下machine.config定义了针对当前机器的WinForm程序和asp.net应用程序的配 ...

  7. Struts2的注解功能

    我们知道通常情况下,Struts2是通过struts.xml配置的.但是随着系统规模的加大我们需要配置的文件会比较大,虽然我们可以根据不同的系统功能将不同模块的配置文件单独书写,然后通过<inc ...

  8. iostat 使用说明

    LINUX [oracle@perass back]$ iostat -m 1 10 Linux 2.6.18-194.el5 (perass) 03/01/2014 avg-cpu: %user % ...

  9. 构造函数语义学之Copy Constructor构建操作(2)

    二.详述条件 3 和 4 那么好,我又要问大家了,条件1 和 2比较容易理解.因为member object或 base class 含有copy constructor.那么member objec ...

  10. WordPress Comment Extra Fields插件‘swfupload.swf’跨站脚本漏洞

    漏洞名称: WordPress Comment Extra Fields插件‘swfupload.swf’跨站脚本漏洞 CNNVD编号: CNNVD-201308-027 发布时间: 2013-08- ...