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

Аватар пользователя Кирилл Маркеев
Кирилл Маркеев
09 февраля 2023

Метод 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 }
1 0
Аватар пользователя Olga Pejenkova
Olga Pejenkova
10 июня 2024

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

1 0

Есть что добавить? Зарегистрируйтесь

или войдите в аккаунт

Отправляя форму, вы принимаете «Соглашение об обработке персональных данных» и условия «Оферты», а также соглашаетесь с «Условиями использования»

Курсы по программированию в Хекслете

Программирование

Веб-разработка

Разработка, верстка и деплой сайтов и веб-приложений, трудоустройство для разработчиков

Frontend-разработка

Разработка внешнего интерфейса сайтов и веб-приложений и верстка

Создание сайтов

Разработка сайтов и веб-приложений на JS, Python, Java, PHP и Ruby on Rails

Backend-разработка

Разработка серверной части сайтов и веб-приложений

Тестирование

Ручное тестирование и автоматизированное тестирование на JS, Python, Java и PHP

Аналитика данных

Сбор, анализ и интерпретация данных на Python

Интенсивные курсы

Интенсивное обучение для продолжающих

DevOps

Автоматизация настройки локального окружения и серверов, развертывания и деплоя

Математика для программистов

Обучение разделам математики, которые будут полезны при изучении программирования

Тест-драйв

JavaScript

Разработка сайтов и веб-приложений и автоматизированное тестирование на JS

Python

Веб-разработка, автоматическое тестирование и аналитика данных на Python

Java

Веб-разработка и автоматическое тестирование на Java

PHP

Веб-разработка и автоматическое тестирование на PHP

Ruby

Разработка сайтов и веб-приложений на Ruby on Rails

Go

Курсы по веб-разработке на языке Go

HTML

Современная верстка с помощью HTML и CSS

SQL

Проектирование базы данных, выполнение SQL-запросов и изучение реляционных СУБД

Git

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

Бесплатные курсы

Бесплатные курсы по тестированию, дата-аналитике, верстке, программированию на Python, Java, PHP и JavaScript.

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