Javascript 中动态添加对象属性

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

kkwant

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

阅读量1k

点赞数

文章标签： java 动态添加 javascript

原文地址为： Javascript 中动态添加对象属性

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

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

转载请注明本文地址： Javascript 中动态添加对象属性