Cómo fusionar los dos objetos en TypeScript

En este tutorial, aprenderemos cómo fusionar los dos objetos en TypeScript usando ejemplos.

Considere que tenemos los siguientes dos objetos en nuestro código:

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

Ahora necesitamos combinar los dos objetos anteriores en un solo objeto.

Índice
  1. Uso del operador de propagación
  2. Usando el método Object.assign()
  3. Combinar tres objetos

Uso del operador de propagación

Para fusionar los dos objetos en un solo objeto, podemos usar el operador es6 spread(...) en TypeScript.

Aquí un ejemplo:

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

const result = {...user, ...posts};
console.log(result);

Producción:

{id:1, name:"gowtham", title:"my post", body:"demo"}

Nota: El operador spread(...) descomprime iterables (como conjuntos, objetos, objetos, etc.) en elementos individuales.

Usando el método Object.assign()

Alternativamente, podemos usar la función incorporada Object.assign() método para fusionar objetos en TypeScript.

los Object.assign() El método toma los dos argumentos, el primero es el objeto de destino donde se deben agregar los objetos de origen.

El segundo argumento son los objetos de origen.

Aquí un ejemplo:

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

const result = Object.assign({}, user, posts);
console.log(result);

Combinar tres objetos

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);

Producción:

{
 id:1, name:"gowtham",
 title:"my post",
 body:"demo",
 comment: "super good"
}

Si quieres conocer otros artículos parecidos a Cómo fusionar los dos objetos en TypeScript puedes visitar la categoría Tutoriales.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir

Esta página web utiliza cookies para analizar de forma anónima y estadística el uso que haces de la web, mejorar los contenidos y tu experiencia de navegación. Para más información accede a la Política de Cookies . Ver mas