JS对象的使用

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JS对象的使用，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1702字，纯文字阅读大概需要3分钟。

内容图文

1.对象的定义

对象：

    - 是复合类型，由简单数据类型和复合数据类型组成的。
    - 由一对{ }包起来的，
    - 0对或者多对 键名和键值 组成的对,
    - 每对键值对 之间用","隔开，最后一个不要加","

2.对象的创建

方式一：通过构造函数创建对象

• new Object();

方式二：对象字面量创建对象

• { };

3.为对象添加或者修改属性

方式一：通过“.”

<script>
    //通过构造函数创建对象
    var obj= new Object();
    //为对象添加属性
    obj.a=2;
    console.log(obj);//{a: 1}
    
    //通过对象字面量创建对象
    var t={};
    //为对象添加属性
    t.a=2;
    console.log(t);//{a: 1}    
</script>

方式二：“[ ]”

<script>
    //通过构造函数创建对象
    var obj= new Object();
    //为对象添加属性
    obj.["a"]=2;
    console.log(obj);//{a: 1}
    
    //通过对象字面量创建对象
    var t={};
    //为对象添加属性
    t.["a"]=2;
    console.log(t);//{a: 1}    
</script>

方式三：直接写在里面

<script>
    var obj= {
            name: "k",
            age: 12,
            gender: "male"
        }
     console.log(obj);//{name: "k", age: 12, gender: "male"}
</script>

4.属性值的获取

对象值的获取

- 方式一：对象.键名(属性名);
- 方式二：对象["键名"];

5.in 和 for in的使用

in的使用：

  属性名 in 对象名
      检测 在 对象中 是否 含有此属性名。

eg：

<script>
    var obj={
        name:"L";
        age:22;
    };
    console.log(age in obj);//true
    console.log(gender in obj);//false
</script>

for in的使用：

遍历对象内的所有属性，感觉相当于一个循环。

<script>
        var obj={
                name:"k",
                age:21,
                gender:"women"
        };
        // i是指对象的属性名，会遍历对象的属性值。
        for (var i in obj){
            console.log("第"+i+"项的属性值为："+obj[i]);
        }
        var attr=[1,2,3,4];
        for (var i in attr){
            console.log("第"+i+"项值为："+attr[i]);
        }
</script>

结果截图为：

相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！

推荐阅读：

PromiseA+的实现步骤详解

react实现选中li高亮步骤详解

以上就是JS对象的使用的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的JS对象的使用全部内容，希望文章能够帮你解决JS对象的使用所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端