深拷贝 Object.assign() Object.entries()

深拷贝

// Deep Clone 
obj1 = { a: 0 , b: { c: 0}}; 
let obj3 = JSON.parse(JSON.stringify(obj1)); 
obj1.a = 4; 
obj1.b.c = 4; 
console.log(JSON.stringify(obj3)); // { a: 0, b: { c: 0}}

Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象

const target = { a: 1, b: 2 };
const source = { b: 4, c: 5 };

const returnedTarget = Object.assign(target, source);

console.log(target);
// expected output: Object { a: 1, b: 4, c: 5 }

console.log(returnedTarget);
// expected output: Object { a: 1, b: 4, c: 5 }

Object.entries()方法返回一个给定对象自身可枚举属性的键值对数组

const object1 = {
  a: 'somestring',
  b: 42
};

for (let [key, value] of Object.entries(object1)) {
  console.log(`${key}: ${value}`);
}

// expected output:
// "a: somestring"
// "b: 42"

将Object转换为Map

new Map() 构造函数接受一个可迭代的entries。借助Object.entries方法你可以很容易的将Object转换为Map:

var obj = { foo: "bar", baz: 42 }; 
var map = new Map(Object.entries(obj));
console.log(map); // Map { foo: "bar", baz: 42 }
const obj = { foo: 'bar', baz: 42 };
console.log(Object.entries(obj)); // [ ['foo', 'bar'], ['baz', 42] ]

Object.freeze() 方法可以冻结一个对象

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
该资源内项目源码是个人的课程设计、毕业设计,代码都测试ok,都是运行成功后才上传资源,答辩评审平均分达到96分,放心下载使用! ## 项目备注 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用! 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习,也适合小白学习进阶,当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行,也可在此代码基础上进行修改,以实现其他功能,也可用于毕设、课设、作业等。 下载后请首先打开README.md文件(如有),仅供学习参考, 切勿用于商业用途。 该资源内项目源码是个人的课程设计,代码都测试ok,都是运行成功后才上传资源,答辩评审平均分达到96分,放心下载使用! ## 项目备注 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用! 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习,也适合小白学习进阶,当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行,也可在此代码基础上进行修改,以实现其他功能,也可用于毕设、课设、作业等。 下载后请首先打开README.md文件(如有),仅供学习参考, 切勿用于商业用途。
Object.fromEntries()和Object.assign()是两个用于处理对象的方法,它们有一些区别。 1. 功能不同: - Object.fromEntries()方法是ES2019引入的新方法,用于将键值对数组转换为对象。它接收一个键值对数组作为参数,并返回一个新对象,该对象由数组中的键值对组成。 - Object.assign()方法用于将一个或多个源对象的属性复制到目标对象。它接收一个目标对象和一个或多个源对象作为参数,并将源对象的属性复制到目标对象中。 2. 处理方式不同: - Object.fromEntries()使用键值对数组来创建对象,其中数组的每个元素是一个包含键和值的数组。这种方式更直观和简洁。 - Object.assign()通过复制源对象的属性值来创建新对象,如果有重复的属性,则后面的属性值会覆盖前面的属性值。 3. 键名处理不同: - Object.fromEntries()会将数组中的键名作为字符串处理。即使键名是数字或其他类型,也会被转换为字符串键。 - Object.assign()会保留源对象的原始键类型。如果键名是数字或Symbol类型,则保持不变。 示例代码: ```javascript // 使用 Object.fromEntries() const entries = [['name', 'John'], ['age', 30]]; const obj1 = Object.fromEntries(entries); console.log(obj1); // { name: 'John', age: 30 } // 使用 Object.assign() const source = { name: 'John' }; const obj2 = Object.assign({}, source); console.log(obj2); // { name: 'John' } ``` 相关问题: 1. Object.fromEntries()方法在什么情况下特别有用? 2. Object.assign()方法的属性复制顺序是怎样的? 3. 如何使用Object.assign()方法合并多个对象? 4. Object.fromEntries()方法可以用于对象拷贝吗?如果不能,应该如何实现对象的拷贝

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值