浅析JavaScript访问对象属性和方法及区别
字体：[ ] 类型：转载 时间：
这篇文章主要介绍了浅析JavaScript访问对象属性和方法及区别的相关资料,需要的朋友可以参考下
属性是一个变量，用来表示一个对象的特征，如颜色、大小、重量等；方法是一个函数，用来表示对象的操作，如奔跑、呼吸、跳跃等。
在JavaScript中通常使用”."运算符来存取对象的属性的值。或者使用[]作为一个关联数组来存取对象的属性。
对象的属性和方法统称为对象的成员。
访问对象的属性
在JavaScript中，可以使用“ . ”和“ [ ] ”来访问对象的属性。
1. 使用“ . ”来访问对象属性
&&& objectName.propertyName
其中，objectName 为对象名称，propertyName为属性名称。
2. 使用“ [ ] ”来访问对象属性
&&& objectName[propertyName]
其中，objectName 为对象名称，propertyName为属性名称。
访问对象的方法
在JavaScript中，只能使用“ . ”来访问对象的方法。
&&& objectName.methodName()
其中，objectName 为对象名称，methodName() 为函数名称。
【例5-1】创建一个Person类：
function Person() {
this.name=" 张三 "; // 定义一个属性 name
this.sex=" 男 "; // 定义一个属性 sex
this.age=22; // 定义一个属性 age
this.say=function(){ // 定义一个方法 say()
return "嗨！大家好，我的名字是 " + this.name + " ，性别是 " + this.sex + "，今年 " + this.age +"岁！";
var zhangsan=new Person();
alert("姓名："+zhangsan.name); // 使用“.”来访问对象属性
alert("性别："+zhangsan.sex);
alert("年龄："+zhangsan["age"]); // 使用“[ ]”来访问对象属性
alert(zhangsan.say);
// 使用“.”来访问对象方法
PS：浅析对象访问属性的"."和"[]"方法区别
在JavaScript中通常使用”."运算符来存取对象的属性的值。或者使用[]作为一个关联数组来存取对象的属性。但是这两种方式有什么区别了？
例如，读取object中的property属性值：
　　　 object.property
　　　 object['property']
以上两种方式都可以实现属性的存取。
1.语法方面的区别
点表示法的对象的属性名是标识符，而后者的属性名则是一个字符串。
2.灵活性方面的区别
在JavaScript编写程序中，可以为对象创建任意数目的属性。但使用”.“运算符来存取一个对象的属性时，属性名是用标识符表示的。而在JavaScript程序中，标识符必须被逐字地输入，它们不是一种数据类型，因此程序不能对其操作。也就是说，标识符是静态的，在程序中必须对其进行硬编码。
而使用数组[]表示法来存取一个对象的属性时，属性名是用字符串表示的。字符串是JavaScript的一种数据类型，因此可以在程序运行中操作并创建它们。
3.性能方面区别
数组[]表示法在存取属性值时会进行表达式运行。而点表示法是直接存取属性值，理论上执行效率会比数组表示法高。性能方面其实可以忽略。
某些场景必须用到数组表示法来动态存取属性值，这个是点表示法无法做到的。
总的来说，这两种方法区别上不大，都有对应的使用场景。点表示法一般作为静态对象使用时来存取属性。而数组表示法在动态存取属性时就非常有用。
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具javascript（93）
js原理（32）
var person = {
name:'gogo'
一般来说，访问对象属性时都使用点表示法，这也是很多面向对象语言中通用的语法。不过在javascript中，也可以使用方括号表示法来访问对象的属性。
在使用方括号语法时，应该把属性以字符串的形式放在方括号中，如：
alert(person["name"]);
alert(person.name);
从功能上说，这两种方法没有任何区别。但方括号语法有一个优点：可以通过变量来访问属性，如：
var propertyName = 'name';
alert(person[propertyName]);
还有！如果属性名中包含会导致语法错误的字符，或者属性名是关键字或者保留字，也可以使用方括号表示法。如：
person['first name'] ='gogo';
但是！！我们建议使用点表示法，除非必须使用变量来访问属性。
[]方括号访问的属性名时，可以在程序运行时创建和修改属性，点操作符就不行！
var addr="";
for(i=0;i&4;i++){
addr += customer["address"+i]+'\n';
function addStock(portfolio,stockname,shares){
portfolio[stockname]=
1. javascript高级程序设计
2. javascript权威指南
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：21706次
积分：1099
积分：1099
排名：千里之外
原创：71篇
转载：126篇
(6)(3)(9)(6)(13)(14)(56)(5)(8)(7)(13)(5)(7)(6)(15)(21)(2)(3)征服javascript学习笔记（五）——引用类型Object和Array - 推酷
征服javascript学习笔记（五）——引用类型Object和Array
引用类型，前面的章节提到过，ES的变量类型，分为“基本类型”和“引用类型”。那么这里就开始介绍“引用类型”。
引用类型的值（对象）是引用类型的一个实例，在ES中，引用类型是一种数据结构，用于将数据和功能组织在一起，
如前所述，对象是某个特定引用类型的实例，新对象是使用new操作符后跟一个
来创建。构造函数本身就是一个函数，只不过该函数是出于创建新对象的目的而定义的，如下：
var perspon=new Object();
Object类型
我们平时所看到的大多数引用类型值都是Object类型的实例，而且，Object也是ES中使用最多的一个类型。虽然Object的实例不具备多少功能，但对于在应用程序中存储和传输数据而言，它们确实是非常理想的选择。
创建Object实例的方式有两种：
使用new操作符后跟Object构造函数，如下所示：
var person=new Object();
person.name=&idea&;
person.age=27;
使用对象字面量，是对象定义的一种简写形式，目的在于简化创建包含大量属性的对象的过程。比如，上例可以写成下面这样：
var person={
name:&idea&,
如上所示，对象，属性，属性值，一目了然。但有一点需要提示的是，多个属性之间需要添加逗号，但最后一个属性后面的逗号不是可有可无，如果加了，会在IE7及更早版本和Opera中导致错误。
属性名也可以使用字符串，比如：
var person={
“name”:&idea&,
“age”:27
另外还会出现留空的情况，比如：
var person={}
则其只包含默认的属性和方法。
可以看出对象字面量的方法可读性更好，还给人有封装数据的感觉，实际上，如果你有一些实践经验，就会知道，字面量也是向函数传递大量可选参数的首选方式。
一般来说，访问对象属性时使用都是点表示法，不过js中也可以使用方括号表示法来访问对象的属性，在使用这种方法时，应该将要访问的属性以字符串的形式放在方括号中，如下所示：
alert(person[&name&]); // &idea&
从功能上看，这两种方法没有任何区别，但方括号方法有个优点，可以通过变量访问属性：
var personName=&name&;
alert(person[personName]); //&idea&
如果属性名中包含会导致语法错误的字符或者使用关键字或保留字，也可以使用方括号表示法，比如：
person[&first name&]=&idea&;
因为属性名中包含空格，所以不能使用点表示法访问，然而属性名中是允许包含非字母非数字的，这时候就可以用方括号法访问。
通常，除非必须，建议使用点表示法。
除了Object类型，Array类型是ES中最常用的类型。而且ES中的Array和其他语言当中有很大不同，它的每一项可以保存任何数据类型的数据，而且数组的大小可以动态调整。
创建数组的基本方式有两种。
var colors=new Array();
若知道数组长度，可以这样：
var colors=new Array(20);
还可以把数组的项直接写进去，像这样：
var colors=new Array(&green&,&blue&,&yellow&);
给构造函数传递值也是可以创建一个数组的，不过分为数值和其他类型之分，比如：
var colors=new Array(3)；
//创建了一个长度为3的数组
var colors=new Array(&green&); //创建了一个包含一项值为“green”的数组
另外，可以省略new操作符，比如：
var colors=Array();
数组字面量，直接看例子：
var numbers=[0,1,2,3,4];
会创建一个长度为5的数组。
创建完了，就需要对其进行操作，最基本的就是读取和设置，这时候，需要使用方括号加上数字索引，数组的数字索引从0开始。
var colors=[&red&,&blue&];
alert(colors[1]);
colors[0]=&green&;
访问的时候，如果索引值对于数组长度，则会返回undefined，读取的时候不能这样读，但是，设置的时候是可以的，比如，以上数组，可以这样
colors[2]=&orange&;
这个时候，数组就会创建一项并重新计算长度，当然，不是必须紧邻，还可以
colors[10]=&orange&;
那么，它就是一个长度为11的数组了，不过，中间的8个值为undefined。
自从ES3做出规定，就出现了确定某个对象是不是数组的经典问题，对于一个全局作用域来书欧，使用instance操作符就能得到满意的结果，如下：
if(value instanceof Array){}
但问题在于，它假定只有一个全局执行环境，若有多个，就存在两个以上不同版本的Array构造函数。
ES5新增了Array.isArray()方法，这个方法的目的是最终确定一个值到底是不是数组，而不管它是在哪个全局执行环境中创建的.如下：
if(Array.isArray(value)){}
但使用此方法时要注意低版本浏览器的兼容性。
toLocaleString(),toString(),valueOf()
第二个会返回以数组中的每一项用逗号分隔开的字符串，实际上是调用了每一项的toString()方法，第三个返回的还是数组，如果是直接alert()一个数组，由于alert()要接收字符串参数，所以它会在后台调用toString()方法，由此得到和toString()方法相同的结果。
而第一种方法经常会和后两种返回相同的值，但也不总是如此，它会对每一项调用toLocaleString()，而不是toString()。
当然，除了这几种方法，还有一种更加灵活可控的方法，join(),比如这样：
var colors=[&red&,&green&,&blue&];
alert(colors.join(&.&));
就会返回以点号隔开的字符串。
栈的概念，学过计算机的应该都不陌生，就算没有学过，也会比较容易懂，因为圣后中太多这样的例子，LIFO(last in first out),通俗说就是后进先出，栈中的项有插入和删除的操作，且只发生在栈的顶部。对此，ES为数组提供了push()和pop()方法，以便实现栈的行为。
push()方法可以接收任意数量的参数，把它们逐个添加到数组末尾，并返回修改后数组的长度，pop()方法则从数组末尾移除最后一项，减少数组的length值，然后返回移除的项。
和栈有所不同，队列是FIFO(first in first out),先进先出，在末尾添加项，从列表的前端移除，因为给末尾添加项已经有了方法，所以，现在只需要一个从数组前端取得项的方法——shift()，它能够移除数组中的第一项并返回该项，同时数组长度减1，除此之外，ES还为数组提供了一个unshift()方法，顾名思义，和shift()的用途相反：它能在数组前端添加任意个项并返回新数组的长度。因此，同时使用unshift()和pop()方法，可以从相反方向来模拟队列，即前端添加项，末端移除项。
重排序方法
数组中存在两个可以直接来重排序的方法：reverse()和sort()，前者用于反转，默认情况下，sort()方法按升序排列数组项，即最小的值位于最前面，最大的值排在后面，为了实现排序，sort()方法会调用每个数组项的toString()转型方法，然后比较得到的字符串，以确定如何排序，即使数组中的每一项都是数值，sort()方法比较的也是字符串。
var values=[0,1,5,10,15];
values.sort();
alert(values); //0,1,10,15,5
可见，即使值的顺序没有问题，但sort()方法也根据测试字符串的结果改变原来的顺序。这种排序方法在很多情况下都不是最佳方案，因此sort()方法可以接收一个比较函数作为参数，以便我们指定哪个值位于哪个值的前面。
ES为操作自己已经包含在数组中的项提供了很多方法。
concat()方法可以基于当前数组中的所有项创建一个新数组。具体来说，这个方法会先创建当前数组一个副本，然后将接收到的参数添加到这个副本的末尾，最后返回新构建的数组，在没有给concat()方法传递参数的情况下，它仅是复制当前数组，如果传递给concat()方法的是一或多个数组，则该方法会将这些数组中的每一项都添加到结果数组中。如果传递的值不是数组，这些值就会被简单添加到结果数组的末尾。下面例子：
var colors=[&red&,&green&,&blue&];
var colors2=colors.concat(&yellow&,[&black&,&brown&]);
alert(colors2);
//red,green,blue,yellow,black,brown
slice()方法,它能够基于当前数组中的一或多个项创建一个新数组，slice()方法可以接受一或两个参数，即要返回项的起始和结束位置。在只有一个参数的情况下，slice()方法返回从该参数指定位置开始到当前数据末尾的所有项。如果有两个参数，该方法返回起始和结束位置之间的项——但不包括结束位置的项。注意，slice()方法不会影响原始数组。
var colors=[&red&,&green&,&blue&,“yellow”,&purple&];
var colors2=colors.slice(1,4);
alert(colors2); //green,blue,yellow
其参数可以为负，如果是负值，则用数组长度加上该数来确定相应的位置，如果结束位置小于起始位置，则返回空数组。
splice()方法，此方法是最强大的数组方法，有很多用法，主要用途是向数组中部插入项，但使用这种方法的方式有如下3种：
1、删除，可删除任意数量的项，只需要指定两个参数，要删的第一项的位置和删除的项数。
2、插入，向指定位置插入任意数量的项，需提供3个参数：起始位置、要删除的项数和要插入的项，如果要插入多个项，可以再传入第四、第五或更多的项。
3、替换，向指定位置插入任意数量的项，且同时删除任意数量的项，只需指定三个参数：起始位置、要删除的项数和要插入的任意数量的项。插入的项数不必与删除的项数相等。
splice()方法始终都会返回一个数组，该数组中包含从原始数组中删除的项(如果没有删除任何一项，则返回一个空数组)。
ES5为数组实例添加了两个位置方法：indexOf()和lastIndexOf()，两个方法都接收两个参数：要查找的项表示查找起点位置的索引，其中，indexOf()方法从数组的开头开始向后查找，lastIndexOf()方法则从数组的末尾开始向前查找。如果没有找到，返回-1.
ES5为数组定义了5个迭代方法，每个方法都接收两个参数：要运行的函数和运行该函数的作用域对象。传入这些方法中的函数会接收三个参数：数组项的值，该项在数组中的位置和数组对象本身。作用分别如下：
对数组中每一项运行给定函数，如果每一项都返回true，则返回true。
如其名，有过滤的作用，对数组每一项执行给定函数，返回结果为true的项组成的数组。
对数组每一项运行指定函数，没有返回值。
对每一项运行指定函数，返回每次函数调用结果组成的数组。
每一项运行指定函数，如有任一项返回true，则返回true
ES5新增了两个归并数组的方法：reduce()和reduceRight()。这两个方法都会迭代数组的所有项，然后构建一个最终返回的值，其中，reduce()方法从第一项开始，逐个遍历到最后，reduceRight()是从最后一项开始，向前遍历到第一项。这两个方法都接收两个参数：一个在每项上调用的函数和作为归并基础的初始值（可选的）。传给reduce()和reduceRight()的函数接收4个参数：前一个值、当前值，项的索引和数组对象。这个函数返回的任何值都会作为第一个参数自动传给下一项。
至此，对Object类型和Array类型有了个简要的介绍和概览，可以有个初步的了解。要掌握和灵活运用它们，还需更多实践。后面会继续讨论其他引用类型。一起加油，一起进步吧~
已发表评论数()
请填写推刊名
描述不能大于100个字符!
权限设置： 公开
仅自己可见
正文不准确
标题不准确
排版有问题
主题不准确
没有分页内容
图片无法显示
视频无法显示
与原文不一致【以c表示的浓度和以方括号表示的浓度有什么区别?】_化学吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：463,518贴子：
【以c表示的浓度和以方括号表示的浓度有什么区别?】收藏
好久没碰这些，忘了，手头又没书
化学 高三辅导,扎实巩固基础,吃透必考点,1对1高考冲刺辅导,提升能力有妙招,冲刺名校!众多家长力荐,来电即赠《高考白皮书》,独家内部资料!T:400-883-8052
我们老实说方括号是以前用的。。c是现在用的，俩一样。。。。。
方括号的等于浓度除标准浓度是纯数
好像一个是当量浓度一个是物质的量浓度
嗯！！我们老师又扯上了看来
貌似[xxx]是xxx的平衡浓度。。。？在吧刊上读过的。。。c(xxx)是计量浓度。。。。？
也就是方括号表示的浓度没有单位?
不是这样吧方括号表示的浓度指平衡浓度即化学平衡状态时的浓度蓝皮无机就有讲这个
你指[xx]是xx的有效浓度？比如1mol/L的氨水，[NH3]&1mol/L，c(NH3)=1mol/L？
化学,亚马逊网上书城,好书不间断!全场自营图书满59元免运费,自在购书,不用凑单哦!买化学,就上Z.CN!正版图书,天天低价特惠,让您挚爱阅读!
那么平衡常数表达式用[xx]更科学?
考虑问题的层次不同高中就认为都是一样的无机认为活度都是1分析才开始考虑活度问题关于是平衡浓度还是什么都不重要，读上下文就能懂，没人用符号迷糊别人。要不要用纯数只要记住：在范特霍夫等温式里面的K0 那是用活度算出来的，浓度要/c0，气体要用分压/p0 即可
我喜欢用〔〕而不是（）
我也是，方括号优雅美观，c(CO)这种像3个C连一起一样难看死了……
额，[B]和c(B)之间不是活度系数γ的关系，而是分布系数δ的关系。a(B)和[B]之间才是活度系数的关系。所以a(B)与c(B)要经过2次“转换”。
方括号这种写法在化学动力学中看着特别简洁，比如v=k*[H2]*[Cl2]^(1/2)
物化中就不这样认为，[B]就是指物质B的浓度，任意时刻的浓度都行，这在化学动力学中体现得很充分
恩哦唉呀？我可能脑补成另一个问题了。
此文作于2010年12月，发于《化说天下大式》第1卷 第1期 第11～13页。-----------《GB 中华人民共和国国家标准 物理化学和分子物理学的量和单位》（该标准等效于ISO31-8：1992 国际标准 量和单位 第八部分：物理化学和分子物理学）中规定，B的浓度（或称B的物质的量浓度）c(B)在化学中也可表示为[B]，并且没有规定它们的区别。
原来如此，明白了，谢谢！
楼主太赞了
c代表分析浓度 另一个代表平衡浓度
登录百度帐号推荐应用
为兴趣而生，贴吧更懂你。或