首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

复制Javascript对象属性

在JavaScript中,复制对象属性可以通过以下几种方法实现:

  1. 使用Object.assign()方法:
代码语言:javascript
复制
const obj1 = { a: 1, b: 2 };
const obj2 = { c: 3, d: 4 };
const obj3 = Object.assign({}, obj1, obj2);
console.log(obj3); // { a: 1, b: 2, c: 3, d: 4 }
  1. 使用展开运算符...
代码语言:javascript
复制
const obj1 = { a: 1, b: 2 };
const obj2 = { c: 3, d: 4 };
const obj3 = { ...obj1, ...obj2 };
console.log(obj3); // { a: 1, b: 2, c: 3, d: 4 }
  1. 使用for...in循环:
代码语言:javascript
复制
const obj1 = { a: 1, b: 2 };
const obj2 = { c: 3, d: 4 };
const obj3 = {};
for (let key in obj1) {
  obj3[key] = obj1[key];
}
for (let key in obj2) {
  obj3[key] = obj2[key];
}
console.log(obj3); // { a: 1, b: 2, c: 3, d: 4 }
  1. 使用Object.keys()方法和Array.prototype.reduce()方法:
代码语言:javascript
复制
const obj1 = { a: 1, b: 2 };
const obj2 = { c: 3, d: 4 };
const obj3 = Object.keys(obj1).reduce((acc, key) => {
  acc[key] = obj1[key];
  return acc;
}, {});
Object.keys(obj2).reduce((acc, key) => {
  acc[key] = obj2[key];
  return acc;
}, obj3);
console.log(obj3); // { a: 1, b: 2, c: 3, d: 4 }

需要注意的是,以上方法都是浅复制,如果对象中包含嵌套对象,则需要使用深复制。可以使用第三方库,如lodash_.cloneDeep()方法实现深复制。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

3分44秒

javascript 面向对象入门

20分57秒

Web前端入门教程 50 JavaScript基础 22 对象常用属性方法运算符 学习猿地

18分25秒

对象属性 style样式操作

23.2K
9分46秒

对象属性简洁表示法

16.1K
8分1秒

JavaScript教程-32-innerHTML和innerText属性【动力节点】

45秒

JavaScript对象的创建方式有几种?

7分35秒

02-javascript/21-尚硅谷-JavaScript-document对象概念介绍

20分48秒

02-javascript/28-尚硅谷-JavaScript-dom对象查询练习

8分4秒

02-javascript/29-尚硅谷-JavaScript-document对象补充说明

23分16秒

02-javascript/23-尚硅谷-JavaScript-正则表达式对象

1分55秒

复制原始请求对象导致的 HTTP 方法选择错误问题

3分48秒

10-promise对象状态属性介绍

领券