zoukankan      html  css  js  c++  java
  • 动态的给一个空对象添加成员

    <!DOCTYPE HTML>
    <html lang="zh-cn" ng-app="CSSClasses">
    <head>
        <meta charset="UTF-8">
        <title>CSSClasses</title>
        
    </head>
    <body>
    请输入城市:<input type="text" id="city" />
    请输入数值:<input type="text" id="value" />
    <button id="btn">点击添加</button>
    </body>
    <script type="text/javascript">
        var obj = {};//初始化一个对象
        var oBtn = document.getElementById('btn');
        oBtn.onclick = function(){//点击but之后,再去取输入框的value
            var oCity = document.getElementById('city').value;//获取输入框中的数据
            var oValue = document.getElementById('value').value;//获取输入框中的数据
            obj[oCity] = oValue; //一般给对象添加成员的写法是:obj.key = Value;  但是由于此处的key value都是变量,所以只能用方括号的写法;
         console.log(obj); 
    }
    </script>

    </html>

    动态的将input输入框中的值获取到,然后成为对象的key,value;,再将它添加到对象obj中;

    给对象添加属性  还可以用构造函数,添加,就是用this,然后实例化对象的时候通过传参 实现添加属性

  • 相关阅读:
    方法的重载
    this用法
    简单的随机数 代码和笔记
    java内存简单剖析
    day 28
    day 27
    day 26
    day 25
    day 24
    day 23
  • 原文地址:https://www.cnblogs.com/Jerry-spo/p/6530400.html
Copyright © 2011-2022 走看看