Как получить чистую копию объекта с массивами?

Question

[Dmitri1998]

При попытке сделать копию, а после снова ее присвоить, как пустую, он передает ее с уже измененными массивами
https://jsfiddle.net/78pcxe5h/2/

Answer 1

[Сергей Соколов]

name и age указывают на массивы, а они, как и любые объекты в JavaScript, передаются «по ссылке», т.е. передаётся указатель на место в памяти, где лежит массив. Прочитайте по ссылке «по ссылке» : ) — там действительно подробно и с картинками описывают проблему.

Итого в this.save оказываются те же самые массивы, что и в obj. Меняете там, меняется тут, и наоборот. Разорвать порочную связь можно, например, грубоватым и не самым эффективным способом:

const obj_copy = JSON.parse(JSON.stringify( obj ));
// создали действительно независимую «глубокую копию» объекта

Для нехитрого объекта без функций-методов и всяких Map/Set'ов это годится.

Comments

[Dmitri1998]

А с хитрыми как быть?

[Сергей Соколов]

Dmitri1998, гуглить "javascript object deep copy". Найдётся, например, в библиотеке lodash метод cloneDeep(). Или попробуйте написать свой рекурсивный метод.