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) 判断对象是否被密封
相关推荐
程序员小寒1 分钟前
JavaScript设计模式(一):单例模式实现与应用
javascript·单例模式·设计模式
2301_764441335 分钟前
使用python构建的STAR实验ΛΛ̄自旋关联完整仿真
开发语言·python·算法
Dxy12393102166 分钟前
JS如何把数据添加到列表中
前端·javascript·vue.js
共享家95276 分钟前
Java入门( 异常 )
java·开发语言·php
御形封灵8 分钟前
基于canvas的路网编辑交互
开发语言·javascript·交互
m0_5027249510 分钟前
Arco design vue 阻止弹窗关闭
javascript·vue.js·arco design
xifangge202510 分钟前
Python 爬虫实战:爬取豆瓣电影 Top250 数据并进行可视化分析
开发语言·爬虫·python
蜡台11 分钟前
Uniapp 实现 二手车价格评估 功能
前端·javascript·uni-app·估值·汽车抵押·二手车评估
SunnyDays101111 分钟前
C# 实战:快速查找并高亮 Word 文档中的文字(普通查找 + 正则表达式)
开发语言·c#
Yan-英杰13 分钟前
TypeScript+React 全栈生态实战:从架构选型到工程落地,告别开发踩坑
javascript·学习·typescript