Tip: 内容摘抄自《JavaScript权威指南》,看过该书的同学可以忽略本文。

存取一个对象的属性的方式:

  obj.attr;

  obj["attr"];

两者最重要的区别就是前者的属性名是标示符,后者的属性名是一个字符串

用"."运算符来存取一个对象的属性时,属性名是标示符,JavaScript程序中,标示符必须被逐字输入,它们不是一种数据类型,因此程序不能对他们进行操作。

用数组的概念"[]"来存取一个对象的属性时,属性名是用字符串表示的。字符串是JavaScript的一种数据类型,因此可以在程序运行的过程中操作并创建他们。

关联数组

  obj["attr"];

  如果使用一个对象是采用的是这种形式,我们常常称它为关联数组。关联数组是一种数据结构,允许你动态的将任意的数值和任意的字符串关联在一起。实际上,JavaScript对象的内部实现就是关联数组。

应用场景(obj["attr"])

  当你需要编写一个程序,允许yonghu输入他所拥有的股票的名字和相应的份额来计算用户在股票市场投资的当前值,你可以这样做。

  使用一个portfolio对象来保存这些信息,用户输入的每只股票的名字作为该对象的一个属性,其值为该支股票拥有的份额。例如:用户拥有Netscape公司的股票,份额为50,就有portfolio.nscp = 50;

  这个程序需要一个循环,首先提示用户输入股票名,然后输入他拥有的份额。

  由于用户在程序运行时输入股票名(portfolio对象的属性),所以你无法预先知道这些股票名是什么,所以在编程时不能使用"."运算符的方式,但可以使用"[]"关联数组的方式,因为他的属性名是一个字符串,程序运行时可以动态创建。

  下面是具体的代码

(function(){
var portfolio = {};
var name,value,sum=0;//定义股票名/份额/投资当前值(总金额)
while(true){//输入股票名和份额并写入到portfolio对象中
if(!(name = prompt("请输入一支股票名","nscp") || false))break;
if(!(value= prompt("请输入您拥有的份额",50) || false))break;
portfolio[name] = +value;
}
for(e in portfolio){//遍历计算投资当前值(总金额)
sum +=portfolio[e]*1;//假设每支股票都是1元, 每支股票数量*股票价格
}
console.log(sum);//输出
})();

  由于股票名是未知的,如果没有for/in循环,我们不能编写出这样的代码,输出属性名并计算结果。这是将属性名从portfolio对象中抽取出来的唯一方法

注意:

for(e in portfolio){
sum +=portfolio[e]*1;
}

中,e得到的只是portfolio的属性名,并不是属性名对应的属性值,所以 ”portfolio[e]“ 的写法是必要的

除此之外,你还可以看看这篇文章,内容差不多  [导入]js 关联数组 详解

JavaScript对象之关联数组的更多相关文章

  1. javaScript高级教程(三) javaScript不支持关联数组,只是语法上像关联数组

    1.在js中所有要素都是继承自Object对象的,任何对象都能通过obj['name'] = something的形式来添加属性,相当于obj.name=something. 之所以设计中括号这种存取 ...

  2. javascript中的关联数组

    所谓关联数组(associative array), 就是指javascript中的对象. 因为javascript中的属性就是一个个的键值对,可以通过obj[attr]的方式访问,很类似数组. 这种 ...

  3. javascript对象属性和数组的访问

    javascript对象属性的访问 假如有对象test:var test = {  "a":1,  "b":2};直接访问对象test的属性a的值,有两种方法: ...

  4. JavaScript高级 面向对象(11)--对象的动态特性-关联数组用法

    说明(2017.4.2): 1. 对象的动态特性: (1)在js中,一个对象需要属性,就可以利用“对象名.属性 = 值”的方式为其添加,只要赋值成功,对象就新增这个属性. (2)对象属性的访问形式: ...

  5. javascript对象深拷贝,浅拷贝 ,支持数组

    javascript对象深拷贝,浅拷贝 ,支持数组 经常看到讨论c#深拷贝,浅拷贝的博客,最近js写的比较多, 所以也来玩玩js的对象拷贝. 下面是维基百科对深浅拷贝的解释: 浅拷贝 One meth ...

  6. 好程序员web前端分享javascript关联数组用法总结

    好程序员web前端分享javascript关联数组用法总结,有需要的朋友可以参考下. Hash关联数组定义 代码如下 // 定义空数组 myhash = { } // 直接定义数组 myhash = ...

  7. JavaScript 对象与数组参考大全

    http://www.cnblogs.com/meil/archive/2006/06/28/437527.html本文列举了各种JavaScript对象与数组,同时包括对上述每一对象或数组所完成工作 ...

  8. JavaScript 浅析数组对象与类数组对象

    数组(Array对象) 数组的操作 创建数组方法 添加与修改数组元素 删除数组元素 使用数组元素 遍历数组元素 多维数组 数组相关的函数 concat() join() pop() push() sh ...

  9. 简述JavaScript对象、数组对象与类数组对象

    问题引出 在上图给出的文档中,用JavaScript获取那个a标签,要用什么办法呢?相信第一反应一定是使用document.getElementsByTagName('a')[0]来获取.同样的,在使 ...

随机推荐

  1. 201521123010 《Java程序设计》第7周学习总结

    1. 本周学习总结 以你喜欢的方式(思维导图或其他)归纳总结集合相关内容. 参考资料: XMind 2. 书面作业 ①ArrayList代码分析 1.1 解释ArrayList的contains源代码 ...

  2. 201521123088《JAVA程序设计》第5周学习总结

    1. 本周学习总结 1.1 尝试使用思维导图总结有关多态与接口的知识点. 2. 书面作业 阅读:Child压缩包内源代码 1.1 com.parent包中Child.java文件能否编译通过?哪句会出 ...

  3. 201521123051《Java程序设计》第九周学习总结

    1. 本周学习总结 1.1 以你喜欢的方式(思维导图或其他)归纳总结异常相关内容. ·所有的异常类是从 java.lang.Exception 类继承的子类. ·Exception 类是 Throwa ...

  4. 如何用一天时间实现自己的RPC框架

    前言 最近,闲来无事,自己写了一个简单的RPC框架,我把它叫做SimpleRpc.它有多简单?一共只有1400行代码.这个RPC只是作为自己试验作品,交流技术之用,当然如果你敢用,也可以放到生产环境之 ...

  5. NDK中android.mk文件的简单介绍和第三方库的调用

    先贴一个样例,然后解释一下: LOCAL_PATH:= $(call my-dir) include $(CLEAR_VARS) LOCAL_MODULE := mydjvuapi SRC_FILE_ ...

  6. ArrayList底层实现原理

    ArrayList概述: ArrayList是List接口的可变数组的实现.实现了所有可选列表操作,并允许包括null在内的所有元素.除了实现列表接口外,此类还提供一些方法来操作内部用来存储列表的数组 ...

  7. [js高手之路] html5 canvas系列教程 - arc绘制曲线图形(曲线,弧线,圆形)

    绘制曲线,经常会用到路径的知识,如果你对路径有疑问,可以参考我的这篇文章[js高手之路] html5 canvas系列教程 - 开始路径beginPath与关闭路径closePath详解. arc:画 ...

  8. CentOS更新源

    1.首先备份/etc/yum.repos.d/CentOS-Base.repo mv /etc/yum.repos.d/CentOS-Base.repo /etc/yum.repos.d/CentOS ...

  9. Apache服务器处理404错误页面技巧

    1.打开Apache目录,查找httpd.conf文件 2.打开httpd.conf文件,找到<Directory "    "></Directory>这 ...

  10. 防止html5的video标签在iphone中自动全屏

    问题: 当在iphone中打开html5页面中的video视频时,会默认调取系统播放器,全屏播放视频资源. 解决方式: 1. 首先在html5页面的video标签中添加webkit-playsinli ...