「转载」JavaScript中关联数组对象

原文地址：http://blog.csdn.net/starrexstar/article/details/7254292
原文作者：StarRexStar

在JS中，我们用“.”来存取一个对象属性，而数组更常用的存取属性运算符是[ ]。这样，下面的两个表达式值是相等：

<span style="font-size:16px;">object.property object["property"]</span>

两条语法最重要的区别是，前者的属性名是标识符，后者的属性名是一个字符串（这很重要）。

当采用"."运算符来存取一个对象的属性时，属性名是用标识符表示的，它们不是一种数据类型，因此程序不能对它们进行操作。而当用数组的[ ]表示法来存取一个对象的属性时，属性名是用字符串表示，字符串是JS的一种数据类型，因此可以在程序运行过程中操作并创建，见以下代码：

<span style="font-size:16px;">var add = "";  
for(i=0;i<4;i++){  
    addr += customer["address"+i]+'\n';  
}</span>

用数组[ ]存取属性的的方法，解决了程序运行时事先不知道，动态创建属性的方法，解决了某些情况下用"."操作导致硬编码的缺点。而使用"[ ]"的存取方式，我们常称为关联数组（associative array），它是一个数据结构，允许动态的将任意数值和任意字符串关联在一起。

关联数组同for/in循环结合，更为强大，见如下代码：

先考虑这样一个场景：用网络资源来计算用户在股票市场上的投资的当前总值。这个程序要允许用户输入他所拥有的每只股票的名字以及每只股票的数量。使用一个名为portfolio的对象来保存这些信息，该对象为每只股票设置一个属性，其属性名就是这只股票的名字，属性值就是这只股票的数量。（该代码来自《JavaScript: The Definitive Guide》）

<span style="font-size:16px;">//动态设置属性
var stock_name = get_stock_name_from_user();
var shares = get_number_of_shares();
portfolio[stock_name] = shares;</span>

<span style="font-size:16px;">//获得股票总值
var value = 0;
for(stock in portfolio){
   value += get_share_value(stock) * portfolio[stock];
}</span>

不用for/in循环就无法编写这行代码，因为事先并不知道股票的名字。这是从名为portfolio的关联数组中提取这些属性名的唯一方法。