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

Question

Кирилл Маркеев · Accepted Answer

Метод `Object.assign()` используется для копирования свойств из одного или нескольких объектов в объект, переданный в метод первым аргументом. 
Копирование с помощью `Object.assign()` является _неглубоким (поверхностным)_. Это означает, что вложенные объекты или массивы будут копироваться в новый объект по ссылке из исходного.

Если первым аргументом передан пустой объект, то метод вернёт копию объекта, переданного вторым аргументом:
```javascript
const object1 = {
  a: 1,
  b: 2,
  c: 3,
};

const object1Copy = Object.assign({}, object1);
console.log(object1Copy); // => { a: 1, b: 2, c: 3 }
```


Пример слияния объектов:
```javascript
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()` последним:
```javascript
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 }
```

Olga Pejenkova · Answer

Метод `Object.assign()` используется для копирования значений всех собственных перечисляемых свойств из одного или нескольких исходных объектов в целевой объект. 
```js
  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_ вы можете также напрямую назначать свойства объектам, используя оператор присваивания `=`.

```js
  const myObject = {};

  // Добавление новых свойств
  myObject.name = "John"; 
  myObject.age = 30;

  // Изменение существующего свойства
  myObject.age = 31;

  console.log(myObject); // { name: "John", age: 31 } 
  
```

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

Ответы

Каталог