原文地址:
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的关联数组中提取这些属性名的唯一方法。
分享到:
相关推荐
NULL 博文链接:https://wangweiwei358.iteye.com/blog/689840
NULL 博文链接:https://rogerfederer.iteye.com/blog/783714
还注明了该对象或数组的父对象用户同样可能需要参考Online Companion中的超级文本Object Hierarchy页面(http://www.netscapepress.com/support/javascript/10-9.htm),以便了解这些对象之间是如何相互关联的。...
collect.js 是一个不依赖于任何第三方库,用于在JavaScript中处理数组和对象,其中有许多有用的功能,并且API(几乎)与 Laravel Collections 5.5相同
Javascript中二维数组的遍历,上次碰到的时候有点迷惑,找了很多资料,最后整理的精华
JavaScript中的Array 对象(数组对象)_.docx
本文实例分析了JavaScript类数组对象转换为数组对象的方法。分享给大家供大家参考,具体如下: 1、类数组对象: 拥有length属性,可以通过下标访问; 不具有数组所具有的方法。 2、为什么要将类数组对象转换为数组...
本文实例讲述了JavaScript关联数组用法。分享给大家供大家参考,具体如下: 基本概念: “关联数组”是一种具有特殊索引方式的数组。不仅可以通过整数来索引它,还可以使用字符串或者其他类型的值(除了NULL)来索引...
我们交换数组可以实现元素上下移动了,这个效果我们在表格或以前排序算法中都会用到,下面来看一个JavaScript下实现交换数组元素上下移动例子 在写项目的时候,要实现一个数组记录上下移动的示例。写起来也没有没...
javascript中实现对象数组的排序功能 只要数组中的对象存在多个属性,即可传入sql语句排序形式的参数,加以排序,如传入'col1 desc,col2 asc' 就可以实现对数组中对象通过col1倒序排列,如果col1值相同,则通过col2排序,...
对象类型包括:对象即是属性的集合,当然这里又两个特殊的对象—-函数(js中的一等对象)、数组(键值的有序集合)。 数组元素的添加 arrayObj.push([item1 [item2 [. . . [itemN ]]]]); 将一个或多个新元素添加到...
JavaScript对象与数组参考大全JavaScript语法结构
JavaScript对象与数组参考大全,非常实用的JavaScript手册。
JavaScript数组(源代码)JavaScript数组(源代码)JavaScript数组(源代码)JavaScript数组(源代码)JavaScript数组(源代码)JavaScript数组(源代码)JavaScript数组(源代码)JavaScript数组(源代码)...
JavaScript中的数组特性介绍.docx
JavaScript数组对象JSON学习笔记,推荐
JavaScript数组对象方法.xmind
javascript对象与数组参考大全,纯文本格式