前端入门JavaScript-----对象数据类型

最新推荐文章于 2023-04-23 17:09:16 发布

小不言啊

最新推荐文章于 2023-04-23 17:09:16 发布

阅读量470

点赞数

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/m0_61656944/article/details/122771098

版权

这篇博客详细介绍了JavaScript中如何操作对象，包括创建空对象、增加键值对、删除键值对、修改已有属性以及查询对象属性。通过实例展示了使用不同语法进行这些操作的方法，是理解JavaScript对象操作的实用教程。

摘要由CSDN通过智能技术生成

   <script>
    

    // 准备一个空对象
    var obj = {};

    // 输出
    console.log(obj);

    //    增加对象

    // 增加一个 键值对
    // 语法一
    obj.name = "小灰狼";
    // 语法二
    obj["age"] = 18;

    // 增加之后再输出
    console.log(obj);


    // 删除对象

    // 删除一个 键值对
    // 语法一
    delete obj.name;
    // 语法二
    delete obj["age"];

    // 再次输出
    console.log(obj);


    // 修改对象
    
    var kk = {
        name:"小不言",
        age:18,
        gender:"男"
    }
    // 修改语法一
    kk.age = 20;

    // 修改语法二
    kk["name"] = "大不言";

    // 输出看效果
    console.log(kk);



    // 查询对象

    // 语法一
    console.log(kk.name);
    // 语法二
    console.log(kk["age"]);

    </script>