对象的动态特性

  • 在js中对象的动态特性:已经定义好的对象,我们可以动态的来进行操作:增加、修改和删除

  • 访问对象的方法
    01 可以使用点语法访问
    02 可以使用[]语法访问,注意对象的属性必须是字符串

  • 创建对象使用的关键字 new

  • 使用点语法来动态的修改对象

<script>
    //01 创建对象
    var obj ={};
    //02 动态的为已经创建的对象添加属性
    obj.name = "黄小华";
    console.log(obj.name);
    //03 添加方法
    obj.sayHello = function () {
        console.log("hello");
    };
    obj.sayHello();
    //04 修改已经存在对象的属性值
    obj.name = "黄日华";
    //小结:在使用点语法设置对象的属性的时候,如果对象中不存在改属性,就是增加操作
    //如果对象中已经存在改属性,那么就是修改操作
    //05 删除对象中属性
    console.log(obj.name);
    delete obj.name;
    console.log(obj.name);  //null or (undefined)
</script>
  • 使用[]语法来动态的修改对象

<script>
    console.log("___________");
    //01 创建对象
    var obj ={};
    //02 动态的为已经创建的对象添加属性
    //对象:键-值(key-value)对的集合
    //注意点:在使用[]语法的时候,键应该使用双引用
    obj["name"] = "黄小华";
    console.log(obj.name);
    //再增加一个属性
    obj["background color"] = "黑色";
    console.log(obj["background color"]);
    //03 添加方法
    obj["sayHello"] = function () {
        console.log("hello======");
    };
    obj["sayHello"](); //不推荐这样写
    //04 修改已经存在对象的属性值
    obj["name"] = "黄日华";
    //小结:在使用点语法设置对象的属性的时候,如果对象中不存在改属性,就是增加操作
    //如果对象中已经存在改属性,那么就是修改操作
    //05 删除对象中属性
    console.log(obj.name);
    delete obj["name"];
    console.log(obj.name);  //null or (undefined)
    //创建对象
    var date = new Date();
    var o = new Object();
    console.log(date);
    //GMT 格林尼治时间
</script>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • js中的对象具有动态特性: js支持在对象定义之后,动态的 添加 / 修改 / 删除 / 查询 对象的成员:对象的...
    姬鸟念渔阅读 4,935评论 1 1
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,798评论 19 139
  • 对象的动态特性 在js中可以动态的对对象属性进行增加、修改和删除 访问对象的方法 01 可以使用点语法访问 02 ...
    肉肉与马甲线的故事阅读 3,480评论 0 2
  • 给对象动态添加属性 当一个对象需要某个属性的时候,可以用两种方式为其添加属性 注意:当要动态的为一个对象添加属性的...
    嗨黄先生阅读 2,981评论 0 1
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 12,385评论 2 17