js中获取对象属性值(对象.属性和对象[属性]的区别)

一、在JavaScript中可以通过两种方式访问对象属性
(1)可以使用“ . ”来访问对象的属性。
js中获取对象属性值(对象.属性和对象[属性]的区别)_第1张图片
(2)可以使用“ [ ] ”来访问对象的属性。
js中获取对象属性值(对象.属性和对象[属性]的区别)_第2张图片
二、对象.属性和对象[属性]的区别:
1.相同点:
(1)都可以获取对象的属性值;
2.不同点:
(1)对象[属性名]可以使用字符串变量的内容作为属性名,点运算符不能;
(2)对象[属性名]可以用纯数字作为属性名,点运算符不能;
(3)对象[属性名]可以用js关键字和保留字作为属性名,点运算符不能;
三、对象[属性]动态存取属性
(1)“ . ”一般作为静态对象使用时来存取属性。而“[ ]”表示法在动态存取属性时就非常有用。
下面主要讲下对象[属性]动态存取属性,如下图:
js中获取对象属性值(对象.属性和对象[属性]的区别)_第3张图片

你可能感兴趣的:(javascript,javascript)