js访问对象属性的两种方法

一、使用.的方式调用对象的属性

格式：对象名.属性名（不带双引号）

//定义对象
var a = {name:'33',age:'77'}
//调用对象name属性
a.name

二、使用[ ]的方式调用对象的属性

格式：对象名[ ' 属性名 ' ]

//定义对象
var a = {name:'33',age:'77'}
//调用对象name属性
a['name']

如果是访问变量是不需要加引号的,如：

//定义对象
var a = {name:'33',age:'77'}
var param = 'name'
//调用name属性
a[param]

 三、两者的区别

1、中括号当中的属性名可以是数字，而点后面则不可以是数字。

2、当在为一个对象动态的添加属性时，不可以使用点，必须使用[  ]

3、如果属性名称带“-”,不可以使用点，必须使用[  ]

如属性名为data-dict时，使用对象.属性调用，直接报错

但是可以使用[  ]调用