JS对象调用属性使用.和[]两种方式的区别

区别:[]可以解析变量,可以通过变量访问,也可以通过字符串访问,但是需要加""/'',可以在程序运行时动态的创建和修改属性  .静态的,不可以动态的创建和修改属性

. 的方式调用对象的属性 格式：对象名.属性名（不带双引号）静态的

[ ]的方式调用对象的属性 格式：对象名[ ' 属性名 ' ] 可以是字符串，或者数字的形式

var obj={
          name:"柯南",
          sex:"男",
          age:8,
        }

        // 获取属性值 对象名.属性名
        console.log(obj.name);
        console.log(obj["name"]);

例如：

var obj={
          name:"柯南",
          sex:"男",
          age:8,
        }
var m="name"
        for(var i=0;i<3;i++){
          if(i==0){
            console.log(obj[m]);
          }else{
              m="age"
              console.log(obj[m]);
              console.log(obj.m);//不可以获取
          }
        }

        for (var i in obj) {
            // i 表示对象的属性名
            // console.log(i);
            console.log(obj[i]);
        }