在本教程中,我们将在实例的帮助下,学习如何在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"
复制代码