Object方法

一、Object.fromEntries(...)

[['key', 'value'], ...] 转成对象

复制代码
const entries= [['a', 1], ['b', 2]]
const newObj = Object.fromEntries(entries); // { a: 1, b: 2 }

二、Object.entries()

把对象转成 [['key', 'value'], ...] 数组

复制代码
const obj = { a: 1, b: 2 };
const entries = Object.entries(obj); // [['a', 1], ['b', 2]]

三、 Object.keys(obj)

获取对象自身可枚举属性的键数组(字符串)。

复制代码
const obj = { a: 1, b: 2 };
Object.keys(obj); // ['a', 'b']

四、Object.values(obj)

获取对象自身可枚举属性的值数组。

复制代码
const obj = { a: 1, b: 2 };
Object.values(obj); // [1, 2]

五、 Object.defineProperty(obj, prop, descriptor)

定义或修改对象的单个属性(支持 getter/setter)。

复制代码
const obj = { a: 1, b: 2 };

Object.defineProperty(obj, 'name', {
  value: 'Vue',
  writable: false, // 不可修改
  enumerable: true  // 可枚举
});             //{a: 1, b: 2, name: 'Vue'}

obj.name='123' //{a: 1, b: 2, name: 'Vue'}
obj.a=5       //{a: 5, b: 2, name: 'Vue'}

六、Object.defineProperties(obj, props)

批量定义多个属性。

七、Object.getOwnPropertyDescriptor(obj, prop)

获取属性的描述符(writable, enumerable 等)。

八、 Object.create(proto, [propertiesObject])

创建一个新对象,指定其原型__proto__)。

复制代码
const parent = { x: 1 };
const child = Object.create(parent);
child.y = 2;
// child.__proto__ === parent

⚠️ Vue 2 响应式原理底层就用到了 Object.defineProperty + Object.create

九、Object.getPrototypeOf(obj)

获取对象的原型(等价于 obj.__proto__,但标准)。

十、 Object.setPrototypeOf(obj, proto)

设置对象的原型(不推荐,性能差)。

十一、 Object.assign(target, ...sources)

浅拷贝合并对象(常用于"混入")。

复制代码
const target = { a: 1 };
const source = { b: 2 };
Object.assign(target, source); // { a: 1, b: 2 }

❗ 注意:只复制可枚举的自身属性 ,且是浅拷贝

十二、 Object.freeze(obj)

冻结对象:不能添加/删除/修改属性(严格模式下会报错)。

复制代码
const obj = { a: 1 };
Object.freeze(obj);
obj.a = 2; // 无效(非严格模式静默失败)

十三、 Object.seal(obj)

密封对象:不能添加/删除属性,但可修改现有属性值。

十四、Object.preventExtensions(obj)

禁止扩展:不能添加新属性,但可修改/删除已有属性。

十五、Object.hasOwnProperty(prop)

判断是否为自身属性(非原型链继承)。

复制代码
obj.hasOwnProperty('a'); // true/false

安全遍历对象

复制代码
for (let key in obj) {
  if (obj.hasOwnProperty(key)) { ... }
}

十六、Object.is(value1, value2)

更严格的相等判断 (修复 === 的缺陷)。

复制代码
Object.is(NaN, NaN); // true (而 NaN === NaN 是 false)
Object.is(+0, -0);   // false

十七、其他实用方法

方法 作用
Object.getOwnPropertyNames(obj) 获取所有自身属性(包括不可枚举)
Object.getOwnPropertySymbols(obj) 获取 Symbol 类型的自身属性
Object.isExtensible(obj) 判断对象是否可扩展
Object.isFrozen(obj) 判断对象是否被冻结
Object.isSealed(obj) 判断对象是否被密封
相关推荐
aramae2 小时前
模拟实现strcmp()(C语言)
c语言·开发语言·后端
+VX:Fegn08952 小时前
计算机毕业设计|基于springboot + vue蛋糕店管理系统(源码+数据库+文档)
前端·数据库·vue.js·spring boot·课程设计
泡海椒3 小时前
PDF 表格样式优化:jquick-pdf 边框、圆角、背景色
java·开发语言·pdf
半个落月3 小时前
LangChain.js Agent Memory 实战(下):用 Milvus 构建可检索的长期记忆
javascript·langchain
半个落月3 小时前
LangChain.js Agent Memory 实战(上):从内存对话、文件持久化到截断与摘要
javascript·langchain
Beyond_System|系统之外4 小时前
【学编程】Python基础编程题100道(21-60)
开发语言·python·算法
Nicander4 小时前
我给 Excalidraw 做了一个本地工作区:DrawSpace
前端·开源
景熙55234 小时前
15.Java 8 Stream 流入门到实战
java·开发语言·数据结构
linux_cfan5 小时前
17 · 引擎适配器全景:HLS/DASH/Vimeo/Mux/Cast
前端·javascript·音视频
计算机魔术师6 小时前
烧掉2780亿美元还不够?OpenAI的资本豪赌让人头皮发麻
前端