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

3 года назад

Andrey Moshkov

Присоединяйтесь к нашему Telegram-сообществу

Ответы

Метод 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 }

3 года назад

Кирилл Маркеев

Метод 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 }

год назад

Olga Pejenkova

1 месяц

Основы JavaScript

Синтаксис, основы программирования, переменные, строки, арифметика, условные конструкции, циклы, функции, модули

2 месяца

ООП на Javascript

Навык глубокого понимания архитектуры и написания чистого кода, позволяющий решать сложные задачи

10 месяцев

Фронтенд-разработчик

Верстка на HTML5 и CSS3, Программирование на JavaScript в браузере, разработка клиентских приложений используя React

1 месяц

СИКП на JS

Навык понимать программы на фундаментальном уровне, уверенно проходить собеседования и решать сложные задачи

1 месяц

Асинхронное программирование на JS

Навык асинхронного программирования в JavaScript: писать быстрый код, расти в грейде и успешно проходить собеседования.

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