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

在我们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

打印结果:

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

相关推荐
水冗水孚1 分钟前
通俗易懂地谈谈,前端工程化之自定义脚手架的理解,并附上一个实践案例发布到npm上
javascript·npm·node.js
knight_l3 分钟前
【附源码,附两款可视化大屏】Three.js中的地图精确贴图与热力图实现解析
前端
华洛3 分钟前
《回顾我的AI学习之路,上万字的AI学习思维导图分享》
前端·后端·产品经理
PBitW3 分钟前
工作两年,从自己造轮子,变成使用开源项目!
前端·开源·若依·为什么使用开源项目·不自己造轮子
cindershade4 分钟前
Vue3 实时音频录制与转写 Composable 技术实现
前端
AuroraWanderll9 分钟前
C++类和对象--访问限定符与封装-类的实例化与对象模型-this指针(二)
c语言·开发语言·数据结构·c++·算法
一只小bit9 分钟前
Qt Widget 控件介绍:覆盖常用属性及API
开发语言·c++·qt·命令模式·cpp
white-persist10 分钟前
网络空间安全核心领域技术架构深度解析
c语言·开发语言·网络·python·安全·网络安全·架构
qq_4639448611 分钟前
如何修改Anaconda虚拟环境的名字?
开发语言·python·anaconda
张风捷特烈12 分钟前
Flutter&TolyUI#12 | 树形组件 toly_tree 重磅推出!
android·前端·flutter