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

对象的属性和方法统称为对象的成员。
首先，我们知道：

• 在JavaScript中，可以使用“ . ”和“ [ ] ”来访问对象的属性。
• 在JavaScript中，只能用“ . ”来访问对象的方法。

js对象中取属性值（.）和[ ]的区别

“ . ”一般作为静态对象使用时来存取属性。而“[ ]”表示法在动态存取属性时就非常有用。如：

var object = {name:'xiaoming',age:29};
var name1 = object.name;
var name2 = object['name'];

区别：

相同点：都可以获取到obj的属性值

不同点：

 1 [ ]运算符可以使用字符串变量的内容作为属性名，点运算符不能

 2 [ ]运算符可以用纯数字作为属性名，点运算符不能

 3 [ ]运算符可以用js关键字和保留字作为属性名，点运算符不能

引用别人的图：

这里data.water输出undefined,是因为object使用（.）获取属性值时，这里的water不是使用的变量water,而是直接去data对象中寻找名为water的key,没有找到，所以报undefined。

eg:

1 [ ]运算符可以使用字符串变量的内容作为属性名，点运算符不能：

这里由于变量的var声明的变量会导致变量提升，所以会报undefined

2 [ ]运算符可以用纯数字作为属性名，点运算符不能

总结：对于一般的常量就使用（.）运算符，对于其他的使用[ ]运算符。