В TypeScript клонирование объекта — это процесс создания дубликата объекта. Это позволяет вам манипулировать дубликатом, не затрагивая исходный объект. Клонирование объектов может быть полезно в различных сценариях, таких как сохранение целостности данных, реализация неизменяемости или создание независимых копий для различных целей. В этой статье мы рассмотрим несколько методов клонирования объектов в TypeScript, сопровождая их простыми для понимания примерами кода.

Метод 1: оператор расширения
Оператор расширения (…) — это мощный инструмент в TypeScript, который позволяет легко клонировать объекты. Он создает неглубокую копию объекта, копируя все перечислимые свойства из источника в целевой объект.

const originalObject = { name: 'John', age: 30 };
const clonedObject = { ...originalObject };
console.log(clonedObject); // { name: 'John', age: 30 }

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

const originalObject = { name: 'John', age: 30 };
const clonedObject = Object.assign({}, originalObject);
console.log(clonedObject); // { name: 'John', age: 30 }

Метод 3: JSON.parse() и JSON.stringify()
Этот метод включает преобразование объекта в строку JSON с помощью JSON.stringify(), а затем анализ строки JSON обратно в объект. используя JSON.parse(). Этот метод создает глубокую копию объекта, включая вложенные свойства.

const originalObject = { name: 'John', age: 30 };
const clonedObject = JSON.parse(JSON.stringify(originalObject));
console.log(clonedObject); // { name: 'John', age: 30 }

Метод 4: пользовательская функция клонирования
Для более сложных объектов или случаев, когда вам нужен больший контроль над процессом клонирования, вы можете создать пользовательскую функцию клонирования. Это позволяет вам определить собственную логику клонирования объектов.

function cloneObject(obj: any): any {
  const clonedObj = Array.isArray(obj) ? [] : {};
  for (const key in obj) {
    if (typeof obj[key] === 'object' && obj[key] !== null) {
      clonedObj[key] = cloneObject(obj[key]);
    } else {
      clonedObj[key] = obj[key];
    }
  }
  return clonedObj;
}
const originalObject = { name: 'John', age: 30 };
const clonedObject = cloneObject(originalObject);
console.log(clonedObject); // { name: 'John', age: 30 }

Клонирование объектов в TypeScript — это важный метод обеспечения целостности данных и создания независимых копий. В этой статье мы рассмотрели несколько методов клонирования объектов, включая оператор распространения, Object.assign(), JSON.parse() и JSON.stringify(), а также создание пользовательских функций клонирования. Каждый метод имеет свои сильные стороны и подходит для разных сценариев. Используя эти методы, вы сможете раскрыть возможности дублирования и улучшить свои проекты TypeScript.