Javascript 对象的常见操作

2024年1月4日 178次阅读 来源: 我明涛

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);
        /**
        * 当对象的key为数字的时候获取对象属性
        */
        var objNumber = {11000:'省',12000:'市',13000:'区'};
        for(var objs in objNumber){
            console.log(objs);//获取键
            console.log(objNumber[objs]);//获取值
        }
    </script>
  </head>
  <body>
  </body>
</html>

结果：allen, 123,11000,省,12000,市,13000,区

注：此文章为转载博客园大牛baobaoqin

    原文作者：我明涛
    原文地址: https://segmentfault.com/a/1190000010573006
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞