动态添加js对象属性

最新推荐文章于 2024-04-17 14:09:32 发布

老古董v

最新推荐文章于 2024-04-17 14:09:32 发布

阅读量422

点赞数 1

原文地址

Javascript 中可以动态添加对象属性

<html>
  <head>
    <script type="text/javascript">
        var obj = new Object();
        alert (obj.username);
        obj.username = "allen";
        alert (obj.username);
    </script>
  </head>
  <body>
  </body>
</html>

结果：
依次打印出 undefined, allen

也可用类似 EL (Expression Language)那样用“[]”表示。写成 obj["username"] = "allen";

如何删除属性？使用 delete

<html>
  <head>
    <script type="text/javascript">
        var obj = new Object();
        obj["username"] = "allen";
        alert (obj.username);
        delete obj.username;
        alert (obj.username);
    </script>
  </head>
  <body>
  </body>
</html>

结果：依次打印 allen, undefined. 说明 username 属性已经删除。

另外还有一种定义属性的方法，而且是我们必须掌握的：

<html>
  <head>
    <script type="text/javascript">
        var obj = {username:"allen", password:"123"};
        alert(obj.username);
        alert(obj.password);
    </script>
  </head>
  <body>
  </body>
</html>

结果：allen, 123

这种方法是我们将来最常用的。必须掌握！