对象的基本操作

// JavaScript的对象  object / obj

        // 对象中以属性属性值方式存储数据 属性:属性值

        // 方法1,字面量方法定义

        // 通过 {} 来定义一个空对象

        // var obj = {};

        // 方法2,构造函数方法

        // var obj = new Object();

  // 对象的基本操作

        // 与数组的操作基本类似,通过属性,来操作属性值

        // 语法方式1 : 对象.属性

        //            点语法是特殊规定,可以不加引号

        //            点语法不支持数值属性的调用

        //            点语法不会解析变量,只会将变量,按照字符串处理

        

        // 语法方式2 : 对象[属性]

        //            对象的属性实际上是字符串形式,必须要加引号

        //            数值作为属性时,调用数据,加不加引号都行

        //            支持变量解析,可以解析变量中存储的数据,作为属性在对象中调用属性

        //            变量写在[]中,一定不要加引号,加了引号就成了字符串了

        var obj = {name:'张三',age:18,100:100};

        // 调用

        // 1, 对象.属性

        // 调用 obj的name属性中存储的数值值 --- 张三

        console.log(obj.name);

        // 2, 对象[属性]

        console.log(obj['name']);

        console.log(obj["name"]);

        console.log(obj[`name`]);

        console.log(obj[100]);

        console.log(obj['100']);

        // 3, 通过变量存储属性,来调用数据

        // 将键名name存储在变量str中

        var str = 'name';

        // 点语法不会解析变量,会将str直接作为str来处理

        // 执行效果就是在obj中找str属性

        // 当前对象中没有str属性,执行结果就是undefined

        console.log(obj.str);

        // []语法支持变量的解析,obj[str]会解析str中存储的数据

        // 实际的执行效果就是 obj[str]解析---obj['name']

        console.log(obj[str]);

        // 如果添加引号,就变成字符串str,就不是变量str了

        console.log(obj['str']);

        // 模板字符串可以解析变量

        console.log(obj[`${str}`]);

        // 修改

        // 与数组的操作类似

        // 是对已有的属性进行赋值

        // 后赋值的数据,会覆盖之前存储的数据

        obj.name = '李四';

        console.log(obj);

        // 新增

        // 对不存在的属性进行赋值

        // 操作效果就是给对象新增单元

        obj.addr = '北京';

        // 删除

        // delete(对象.属性)   删除对象中的指定属性

        // delete(对象[属性])  删除对象中的指定属性

        // delete 对象.属性    删除对象中的指定属性

        // delete 对象[属性]   删除对象中的指定属性

        // delete(obj.addr);

        delete(obj['addr']);

        delete obj.name;