ES6 对象的新增方法(十四)

1. Object.assign(target, ...sources)

特性 :将一个或多个源对象的所有可枚举属性复制到目标对象。
用法:用于对象属性的合并。

javascript 复制代码
const obj1 = { a: 1, b: 2 };
const obj2 = { b: 3, c: 4 };
Object.assign(obj1, obj2);

console.log(obj1); // 输出:{ a: 1, b: 3, c: 4 }

2. Object.keys(obj)

特性 :返回一个包含对象所有可枚举属性名称的数组。
用法:获取对象的所有键。

javascript 复制代码
const obj = { a: 1, b: 2, c: 3 };
console.log(Object.keys(obj)); // 输出:['a', 'b', 'c']

3. Object.values(obj)

特性 :返回一个包含对象所有可枚举属性值的数组。
用法:获取对象的所有值。

javascript 复制代码
const obj = { a: 1, b: 2, c: 3 };
console.log(Object.values(obj)); // 输出:[1, 2, 3]

4. Object.entries(obj)

特性 :返回一个给定对象自身可枚举属性的键值对数组。
用法:获取对象的键值对。

javascript 复制代码
const obj = { a: 1, b: 2, c: 3 };
console.log(Object.entries(obj)); // 输出:[ ['a', 1], ['b', 2], ['c', 3] ]

5. Object.isFrozen(obj)

特性 :判断对象是否被冻结,即不能添加新属性、删除现有属性或改变现有属性的可枚举性、可配置性、可写性。
用法:检查对象是否被冻结。

javascript 复制代码
const obj = {};
console.log(Object.isFrozen(obj)); // 输出:false

Object.freeze(obj);
console.log(Object.isFrozen(obj)); // 输出:true

6. Object.setPrototypeOf(obj, prototype)

特性 :设置对象的原型(内部\[Prototype]属性)。
用法:改变对象的原型。

javascript 复制代码
const proto = {};
const obj = { a: 1 };
Object.setPrototypeOf(obj, proto);

console.log(Object.getPrototypeOf(obj) === proto); // 输出:true

7. Object.getPrototypeOf(obj)

特性 :获取对象的原型。
用法:读取对象的原型。

javascript 复制代码
const obj = Object.create({ a: 1 });
console.log(Object.getPrototypeOf(obj).a); // 输出:1

8. Object.preventExtensions(obj)

特性 :阻止添加新属性到对象。
用法:使对象不可扩展。

javascript 复制代码
const obj = { a: 1 };
Object.preventExtensions(obj);

obj.b = 2; // 不会添加属性 b
console.log(Object.keys(obj)); // 输出:['a']

9. Object.isExtensible(obj)

特性 :判断对象是否可扩展。
用法:检查对象是否可以添加新属性。

javascript 复制代码
const obj = {};
console.log(Object.isExtensible(obj)); // 输出:true

Object.preventExtensions(obj);
console.log(Object.isExtensible(obj)); // 输出:false

10. Object.getOwnPropertyDescriptors(obj)

特性 :返回一个对象的所有自身属性的描述符。
用法:获取对象属性的详细描述。

javascript 复制代码
const obj = { get a() { return 1; } };
console.log(Object.getOwnPropertyDescriptors(obj));
// 输出:{ a: { 
// get: [Function: get], 
// set: undefined, enumerable: false, 
// configurable: true 
// } }
相关推荐
vx-程序开发2 小时前
django医院预约挂号系统---附源码23353
java·javascript·spring boot·python·eclipse·django·php
宿6742 小时前
tsconfig.node.json
前端·javascript·vue.js
小杨互联网2 小时前
Cursor 前端 Dist 自动化逆向框架:/fr 流水线 · 4 脚本 · Vite/Webpack
前端·webpack·自动化·前端逆向框架·ai前端逆向框架
瑞码空间2 小时前
Web应用的多端部署之道:浏览器 · Electron · Docker
前端·docker·electron·浏览器·web
徐奥雯XUAOWEN2 小时前
Codex官网前端可抄吗?从技术视角深度解析与借鉴指南
前端
文艺理科生2 小时前
3 年,8 种方案,1 次重构:LangChain 记忆方案如何从混乱走向清晰
前端·后端·架构
lilian2333 小时前
Harmony os 技术实战|拼豆制图10:把取消、解析失败和保存失败写成可恢复状态机
java·javascript·华为·harmonyos
只会cv的小前端3 小时前
七巧低代码表单JS脚本教学
开发语言·javascript·低代码
huabuyu3 小时前
SourceMap:从「看不懂线上报错」到「让 AI 定位真根因」
前端·javascript
এ慕ོ冬℘゜3 小时前
前端树形二级列表渲染 + 页面传参完整实战解析(附原生jQuery源码)
前端·javascript·jquery