javascript访问对象属性方式简单介绍

快乐打工仔 分类:实例代码

可能不少朋友对于本文章存在一些看法,感觉这么简单的问题根本不用来专门强调。

确实,这个问题对于绝大多数稍有经验的程序员来说都不是问题,但是可能还有不少初学者对此还不够了解。

看一个代码实例:

var obj={
  webName:"前端教程网",
  url:"pipipi.net"
}
console.log(obj.webName);

上面的代码就是一个最为典型的属性访问方式,采用点(.),但是这并不是唯一的方式,下面就做一下介绍。

属性访问具有两种方式,语法结构如下:

expression.identifier 
expression["expression"]

可以使用上面两种方式访问属性,不敢使用哪种方式,都会首先计算expression表达式的值,如果是undefined或者null就会报错,因为这两个不会有任何的属性。虽然使用点的方式更为简单,但是这种方式只适用于属性名称是合法的标示符,且需要知道要访问的属性名字。如果属性名称是一个保留字或包含空格和标点符号,或是一个数字(对于数组来说),则必须使用方括号的写法。当属姓名是通过运算得出的值而不是固定的值的时候,这时必须使用方括号写法。代码实例如下:

var obj={
  webName:"前端教程网",
  url:"pipipi.net",
  5:"青岛市南区"
}
//console.log(obj.5);报错
console.log(obj[5]);

回复

我来回复
  • 暂无回复内容