JS对象增删改查的基础操作

远近高低各不同2023-12-22 4:58

在我们JS中，有许多的增删改查操作，今天我来为大家介绍一下对象的增删改查操作，全是对象基础操作，感谢大家的阅读！

1.增

在我们对象中，如果我想多加一个属性时该怎么办呢

我们可以使用：对象名.新的属性名=属性值

实例：

javascript 复制代码

    // 增
    // 创建一个对象
    let obj = {
        uname : "job",
        age : 18,
        gender :"男"
    }
    // 我们想要添加hobby(爱好)
    obj.hobby = "打篮球";//对象名.新的属性名 = 属性值
    console.log(obj)//我们已经添加成功了

打印结果：

2.删

当我们在对象当中，如果我想删除这一个属性，我这有一个好办法
delete 可以帮我们删除这一属性

语法:delete 对象名.属性名

javascript 复制代码

    // 删
    // 创建一个对象
    let obj = {
        uname : "job",
        age : 18,
        gender :"男"
    }
    // 我们想要删除年龄age
    delete obj.age;//delete 对象名.属性名
    console.log(obj)//我们已经成功删除了age这一属性了

打印结果：

3.改

在对象中如果想要修改属性值，我们可以使用
对象名.属性名=新的属性值

javascript 复制代码

    // 改
    // 创建一个对象
    let obj = {
        uname : "job",
        age : 18,
        gender :"男"
    }
    // 哎呀，一不小心搞错了性别，我想要修改性别咋整QWQ
    obj.gender = "女" //对象名.属性名=新的属性值
    console.log(obj)//我们已经成功修改了job的性别

打印结果：

4.查

对象中，我想查找job到底多少岁，我们可以使用
对象名.属性名

javascript 复制代码

    // 查
    // 创建一个对象
    let obj = {
        uname : "job",
        age : 18,
        gender :"男"
    }
    // 我想知道他的年龄是多少
    console.log("job的年龄是"+obj.age+"岁")//哇，查找到了，18岁

打印结果：

这里我还要介绍一种对象查找的操作，大家一起来看看吧

对象名[属性名]

javascript 复制代码

    // 查
    // 创建一个对象
    let obj = {
        uname: "job",
        age: 18,
        gender: "男"
    }
    // 我想知道他的年龄是多少
    console.log(obj["age"])//记得要加双引号，输出18

打印结果：

感谢大家的阅读，本人文笔有限，如有错误的地方，可以跟我提一下，感谢大家！