В TypeScript добавление объекта к другому объекту может быть достигнуто с помощью различных методов. В этой статье блога рассматриваются несколько подходов с примерами кода, которые помогут вам понять, как эффективно объединять объекты. Если вам нужно объединить два объекта, добавить свойства одного объекта к другому или создать новый объект путем объединения нескольких объектов, это руководство поможет вам.

Метод 1: Object.assign()

Метод Object.assign()используется для копирования значений всех перечислимых свойств из одного или нескольких исходных объектов в целевой объект. Его можно использовать для объединения объектов или добавления свойств одного объекта к другому.

Пример:

const target = { a: 1 };
const source = { b: 2 };
const result = Object.assign(target, source);
console.log(result); // { a: 1, b: 2 }

Метод 2: оператор расширения (…)

Оператор распространения в TypeScript позволяет распространять свойства одного объекта на другой объект. Он создает неглубокую копию объекта и объединяет свойства.

Пример:

const target = { a: 1 };
const source = { b: 2 };
const result = { ...target, ...source };
console.log(result); // { a: 1, b: 2 }

Метод 3: свойства распространения объекта

В TypeScript 2.1 представлено предложение свойств расширения объекта, которое позволяет напрямую добавлять свойства одного объекта к другому, используя синтаксис расширения.

Пример:

const target = { a: 1 };
const source = { b: 2 };
const result = { ...target, ...source };
console.log(result); // { a: 1, b: 2 }

Метод 4: Object.assign() с пустым объектом

Чтобы создать новый объект путем добавления свойств из нескольких объектов, вы можете использовать Object.assign()с пустым объектом в качестве цели.

Пример:

const obj1 = { a: 1 };
const obj2 = { b: 2 };
const obj3 = { c: 3 };
const result = Object.assign({}, obj1, obj2, obj3);
console.log(result); // { a: 1, b: 2, c: 3 }

Добавление объектов к другим объектам в TypeScript можно выполнить с помощью таких методов, как Object.assign(), оператора расширения и свойств расширения объекта. Каждый метод предоставляет удобный способ объединения объектов или добавления свойств одного объекта к другому. Понимая эти методы, вы сможете эффективно манипулировать объектами в проектах TypeScript.