相关文章推荐
爱听歌的刺猬  ·  在 React ...·  5 月前    · 
大鼻子的书包  ·  对numpy数组进行下采样·  8 月前    · 
如何在TypeScript中合并两个对象

在本教程中,我们将在实例的帮助下,学习如何在TypeScript中合并两个对象。

考虑一下,我们的代码中有以下两个对象。

const user = {id:1, name:"gowtham"}
const posts = { title:"my post", body:"demo"}

现在,我们需要将上述两个对象合并为一个对象。

使用扩展运算符

为了将这两个对象合并成一个对象,我们可以使用TypeScript中的es6 spread(...)操作符。

下面是一个例子。

const user = {id:1, name:"gowtham"};
const posts = { title:"my post", body:"demo"};
const result = {...user, ...posts};
console.log(result);
{id:1, name:"gowtham", title:"my post", body:"demo"}

注意:spread(...)操作符将迭代对象(如集合、对象、物体等)解压为一个个单独的元素。

使用Object.assign( )方法

另外,我们可以使用内置的Object.assign() 方法来合并TypeScript中的对象。

Object.assign() 方法需要两个参数,第一个参数是需要添加源对象的目标对象。

第二个参数是一个或多个源对象。

下面是一个例子。

const user = {id:1, name:"gowtham"};
const posts = { title:"my post", body:"demo"};
const result = Object.assign({}, user, posts);
console.log(result);

合并三个对象

const user = {id:1, name:"gowtham"};
const posts = { title:"my post", body:"demo"};
const comments = {comment: "super good"};
const result = Object.assign({}, user, posts, comments);
 id:1, name:"gowtham",
 title:"my post",
 body:"demo",
 comment: "super good"
复制代码
  •