Как работат метод assign в js?

Question

Accepted Answer

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

Если первым аргументом передан пустой объект, то метод вернёт копию объекта, переданного вторым аргументом:

const object1 = {
  a: 1,
  b: 2,
  c: 3,
};

const object1Copy = Object.assign({}, object1);
console.log(object1Copy); // => { a: 1, b: 2, c: 3 }

Пример слияния объектов:

const object1 = {
  a: 1,
};

const object2 = {
  b: 2,
};

const object3 = {
  c: 3,
};

const mergedObject = Object.assign(object1, object2, object3);
console.log(mergedObject); // => { a: 1, b: 2, c: 3 }

Если объекты содержат совпадающие свойства, то итоговое значение этого свойства будет взято из объекта, переданного в метод Object.assign() последним:

const object1 = {
  a: 1,
  b: 4,
};

const object2 = {
  a: 2,
  b: 5,
};

const object3 = {
  a: 3,
};

const mergedObject = Object.assign(object1, object2, object3);
console.log(mergedObject); // => { a: 3, b: 5 }

Answer

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

  const target = { a: 1 };
  const source1 = { b: 2 };
  const source2 = { c: 3 };

  Object.assign(target, source1, source2); 
  // target: целевой объект, в который будут скопированы свойства.
  // source1, source2, ...:  один или несколько исходных объектов, свойства которых нужно скопировать. 

  console.log(target); // { a: 1, b: 2, c: 3 }

В JavaScript вы можете также напрямую назначать свойства объектам, используя оператор присваивания =.

  const myObject = {};

  // Добавление новых свойств
  myObject.name = "John"; 
  myObject.age = 30;

  // Изменение существующего свойства
  myObject.age = 31;

  console.log(myObject); // { name: "John", age: 31 }

Как работат метод assign в js?

Похожие вопросы