JS对象获取属性的两种方式

前提 ：在JavaScript中我们可以通过两种方式访问对象属性

    1.通过object.key(.方式)
    2.通过object[key]（[]方式）

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

 	var message = {
          name: "王也",
          age: 26
        };
    console.log(message.name);//"王也"
    console.log(message["name"]);//"王也"

不同点

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

	var figure = {
    	role1:"宝儿姐",
    	role2:"张楚岚",
    	role3:"王也",
    	role4:"诸葛青",
 	};

    for(i = 0; i < 4; i++){
        let value = "role" + (i + 1)
        console.log(figure[value])//宝儿姐 张楚岚 王也 诸葛青
        console.log(figure.value)//undefined
    }

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

   var figure = {
    	1:"宝儿姐",
    	2:"张楚岚",
    	3:"王也",
    	4:"诸葛青",
   };
    console.log(figure[1])//宝儿姐
    console.log(figure.1)//Uncaught SyntaxError: missing ) after argument list

3. [] 运算符中必须是 String 类型

	var figure = {
    	role:"宝儿姐",
 	};
 	console.log(figure["role"])//宝儿姐
    console.log(figure[role])//Uncaught ReferenceError: role is not defined