如何利用原生js动态给一个空对象添加属性以及属性值

访问对象属性一共有两种方法:点获取法和方括号获取法。而我们最常用的就是点获取法了。但是当我们遇到需要给对象动态添加属性和属性值时,点获取法好像就不太好用了,尤其是我们不知道属性名的时候更不好办。这时候,方括号获取法就派上用场了。下面,来看一个例子,就一目了然了。

btn.onclick =function(){

    var city = input_city.value;

    var num = input_num.value;

    obj[city] = num;//利用方括号法添加属性和属性值

    console.log(obj);//会输出obj={xxx:yyyy,zzz:kkk}

  }

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,968评论 1 45
  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 31,898评论 18 399
  • 第2章 基本语法 2.1 概述 基本句法和变量 语句 JavaScript程序的执行单位为行(line),也就是一...
    悟名先生阅读 9,674评论 0 13
  • 我爱你 不要去追一匹马 用追马的时间种草 待到春暖花开 会有骏马任你挑选 不用刻意去接近谁 用暂时无人同行的时...
    Z永不逝去的阳光阅读 3,290评论 0 1
  • 有些電影只能一個人去看,就像有些青春註定需要一個人走過。第二次去電影院看青春題材的電影,只是不再呼朋引伴,僅靜靜地...
    水云身居水云乡阅读 1,664评论 0 0