Как работает функция Object.assign?

Question

Как работает функция Object.assign?

1

Я хотел бы клонировать объект, чтобы изменить его и не влиять на исходный объект.

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

let object2 = Object.assign(object1);
object2.c = 999;

console.log(object1.c, object2.c);
// expected output: 3 999
// real output: 999 999

Я полагаю, что я неправильно использую функцию "назначить"...

Serge 25 окт. 2018, в 19:12

Источник

0

попробуйте let object2 = Object.assign({}, object1);
Eddie 25 окт. 2018, в 16:39
1

Прочитайте документацию по MDN: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…
epascarello 25 окт. 2018, в 16:39
0

@epascarello Я пришел с этой страницы, это не очевидно ...
Serge 25 окт. 2018, в 16:40
0

Я имею в виду, не очевидно, чтобы клонировать объект через let object2 = Object.assign({}, object1); и, как вы можете видеть, ОП от этого документа
Serge 25 окт. 2018, в 16:46

Показать ещё 2 комментария

Теги:

javascript

2 ответа

2

Используйте Object.assign({}, object1). пустой объект будет клонирован, поэтому object1 будет добавлен в пустой объект.

oma 25 окт. 2018, в 14:48

0

У вас есть опечатка - assigm ==> assign .
Alexander Nied 25 окт. 2018, в 16:40
0

@ Александр Спасибо, исправлено :)
oma 25 окт. 2018, в 16:41
0

в чем смысл этого "осложнения"? почему бы не клонировать только Object.assign(object1); ?
Serge 25 окт. 2018, в 16:42
0

Как я уже сказал, вы просто клонируете object1 и хотите назначить object2 совершенно новому объекту, поэтому первый параметр - это пустой объект {} , совершенно новый объект.
oma 25 окт. 2018, в 16:44
0

как и в коде OP, должен быть клонирован «object1», а не «пустой» объект ... Я имею в виду, почему бы не написать «assign», как если бы только один параметр, затем тень клонировал данный объект, и это все ...
Serge 25 окт. 2018, в 16:51
0

Я имею в виду, вы говорите "пустой объект будет клонирован" ... почему бы просто не клонировать непосредственно "object1"?
Serge 25 окт. 2018, в 16:53
0

потому что тогда ваш object2 будет ссылаться на object1 , и если вы измените object2 , object1 также будет изменен.
oma 25 окт. 2018, в 17:44

Показать ещё 5 комментариев

Ещё вопросы

попробуйте let object2 = Object.assign({}, object1);
Прочитайте документацию по MDN: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…
@epascarello Я пришел с этой страницы, это не очевидно ...
Я имею в виду, не очевидно, чтобы клонировать объект через let object2 = Object.assign({}, object1); и, как вы можете видеть, ОП от этого документа
У вас есть опечатка - assigm ==> assign .
@ Александр Спасибо, исправлено :)
в чем смысл этого "осложнения"? почему бы не клонировать только Object.assign(object1); ?
Как я уже сказал, вы просто клонируете object1 и хотите назначить object2 совершенно новому объекту, поэтому первый параметр - это пустой объект {} , совершенно новый объект.
как и в коде OP, должен быть клонирован «object1», а не «пустой» объект ... Я имею в виду, почему бы не написать «assign», как если бы только один параметр, затем тень клонировал данный объект, и это все ...
Я имею в виду, вы говорите "пустой объект будет клонирован" ... почему бы просто не клонировать непосредственно "object1"?
потому что тогда ваш object2 будет ссылаться на object1 , и если вы измените object2 , object1 также будет изменен.

Nina Scholz · Accepted Answer · 2018-10-25T14-38-00.000Z

6

Лучший ответ

Вам нужен пустой объект для назначения свойств Object.assign из-за

Object.assign(target, ...sources)

let object2 = Object.assign({}, object1);

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

let object2 = Object.assign({}, object1);
object2.c = 999;

console.log(object1.c, object2.c);

Nina Scholz 25 окт. 2018, в 14:38

0

ты должен был оставить эмоции, это был хороший смешок
Adam H 25 окт. 2018, в 16:41
0

в чем смысл этого "осложнения"? почему бы не клонировать только Object.assign(object1); ?
Serge 25 окт. 2018, в 16:43
0

потому что вы рассматриваете цель как источник, который не работает, чтобы получить копию.
Nina Scholz 25 окт. 2018, в 16:45
0

да, это «работает» (мы получаем копию), как мы видим в коде OP, но возвращает источник, а не цель ...
Serge 25 окт. 2018, в 16:47
0

возвращает обновленную target .
Nina Scholz 25 окт. 2018, в 17:00
0

@Serge - это правильное решение, но обратите внимание, что [ Object.assign ] делает мелкий клон - любые свойства, для которых значение является объектом, будут скопированы по ссылке. Если вам нужен глубокий клон, вам нужно написать рекурсивную утилиту для его обработки или использовать что-то вроде cloneDeep от cloneDeep .
Alexander Nied 25 окт. 2018, в 18:18
0

@AlexanderNied, мне не нужна глубокая копия.
Serge 26 окт. 2018, в 08:16
0

@ Серж, тогда у тебя все работает.
Nina Scholz 26 окт. 2018, в 08:23
0

@ NinaScholz, это работает, я просто жалуюсь на то, что они не кодировали теневой клон по умолчанию для var myCloned = Object.assign(object1);
Serge 26 окт. 2018, в 09:31

Показать ещё 7 комментариев