JavaScript中操作对象的方法是怎样的
发表于:2026-10-31 作者:千家信息网编辑
千家信息网最后更新 2026年10月31日,本篇文章给大家分享的是有关JavaScript中操作对象的方法是怎样的,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。Object.cre
千家信息网最后更新 2026年10月31日JavaScript中操作对象的方法是怎样的
本篇文章给大家分享的是有关JavaScript中操作对象的方法是怎样的,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。
Object.create()
以参数为原型,创建一个新对象实例。
const user = { name: 'kylin', age: 18, gender: '女', work: 'dev', say() { console.log(`姓名:${this.name} ,年龄:${this.age} ,性别:${this.gender}`); } }; const my = Object.create(user); my.say(); // 姓名:kylin ,年龄:18 ,性别:女 my.name = 'Tom'; my.year = '2020'; console.log(my.name); // Tom console.log(my.year); // 2020Object.assign()
将所有可枚举的属性从一个或多个对象合并 (复制) 到一个新对象上。
Object.assign() 方法有 2 个参数,第 1 个参数是目标对象,第 2 个参数是源对象。如果有同名属性,后面对象的属性会覆盖前面对象的属性。
const userBasic = { name: 'kylin', age: 20, }; const userInfo = { age: 18, gender: '女', work: 'dev', say() { console.log(`姓名:${this.name} ,年龄:${this.age} ,性别:${this.gender} ,工作:${this.work}`); } }; const user = Object.assign(userInfo, userBasic); user.say(); // 姓名:kylin ,年龄:20 ,性别:女 ,工作:dev也可以合并成一个新对象。
const userBasic = { name: 'kylin', age: 18, gender: '女', say() { console.log(`姓名:${this.name} ,年龄:${this.age} ,性别:${this.gender}`); } }; const user = Object.assign({}, userBasic); user.say(); // 姓名:kylin ,年龄:18 ,性别:女Object.keys()
返回包含对象自身可枚举的所有属性组成的数组。
const user = { name: 'kylin', age: 18 }; Object.defineProperty(user, 'gerder', { value: "女", enumerable: false // 不可枚举 }); console.log(Object.keys(user)); // ["name", "age"]Object.values()
返回包含对象自身所有可枚举属性的值组成的数组,值的顺序与使用 for...in 循环的顺序相同。
const user = { name: 'kylin', age: 18 }; Object.defineProperty(user, 'gerder', { value: "女", enumerable: false // 不可枚举 }); console.log(Object.values(user)); // ["kylin", 18]Object.entries()
将对象的属性和值 (键和值) 用数组的形式表现出来。即返回包含对象自身可枚举属性的键值对组成的数组。
const user = { name: 'kylin', age: 18 }; const info = Object.entries(user); console.log(info); // [['name', 'kylin'], ['age', 18]]Object.fromEntries()
相当于 Object.entries() 方法的逆操作,将键值对形式的数组转换成对象。
const user = Object.fromEntries([ ['name', 'kylin'], ['age', 18] ]); console.log(user); // {name: "kylin", age: 18}以上就是JavaScript中操作对象的方法是怎样的,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注行业资讯频道。
对象
属性
姓名
年龄
性别
数组
方法
参数
工作
形式
更多
知识
篇文章
顺序
实用
相同
原型
多个
实例
就是
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
互联网是第几次科技革命的成果
广州万易互联网科技有限公司
互联网科技巨头监管
互联网科技保险
今日互联网科技
科技与互联网发展
鑫亿盛互联网科技
互联网科技网站
科技类的互联网平台
成都玖崟互联网科技有限公司乐商圈怎么样
科技与互联网的利与弊
互联网科技教育视频
中国航天科技大学国际工业互联网
深圳无忧互联网科技
美国互联网科技公司
厦门江牛科技互联网
重庆科技产业互联网有哪些
现代科技的标志之一的互联网
中国主要互联网科技公司
武汉亿视互联网科技有限公司
互联网高科技企业
互联网科技类展会
四个字互联网科技公司取名
海南购全球互联网科技
江苏南京365互联网科技
佳云科技和互联网广告
爱医互联网络科技
广东工业互联网大赛深圳学泰科技
银川新华互联网科技学校原画
青岛互联网科技园