首页与我联系

「短文」如何合并两个对象

By 前端达人
Published in 1-JavaScript
August 26, 2022
1 min read
「短文」如何合并两个对象

大家好,今天我们来聊一聊如何合并两个对象,我们可以使用展开操作运算符(spread … operator),展开运算符创建一个具有第一个和第二个对象的所有属性的新对象。如果有两个同名的属性,选用后者的属性与值,相关的示例代码如下。

const obj1 = { a: 1, b: 2, c: 3 };
const obj2 = { d: 4, e: 5, f: 6 };
const obj3 = {...obj1, ...obj2}; // { a: 1, b: 2, c: 3, d: 4, e: 5, f: 6 }

let user = { name: 'John Smith', age: 29 };
const changes = { name: 'John A. Smith' };
user = { ...user, ...changes }; // { name: 'John A. Smith', age: 29 }

使用 Object.assign()

如果要将第二个对象合并到第一个对象中,而不是创建新对象,我们可以使用 Object.assign()。Object.assign(target, source) 函数将源合并到目标中。

const target = {a: 1, b: 2, c: 3};
const source = {d: 4, e: 5, f: 6};

Object.assign(target, source);

target;// {a: 1, b: 2, c: 3, d: 4, e: 5, f: 6}

前端达人公众号.jpg

注:本文属于原创文章,版权属于「前端达人」公众号及 qianduandaren.com 所有,未经授权,谢绝一切形式的转载


Tags

javascriptbasic
Previous Article
「短文」如何计算数组中的中位数
前端达人

前端达人

专注前端知识分享

相关文章

「短文」如何在 JavaScript 中随机数组
November 03, 2022
1 min

前端站点

VUE官网React官网TypeScript官网

公众号:前端达人

前端达人公众号