How avoid inner nested object mutations in js? [DEEP COPY]

Question

As no SQL database are is cool, I want to store document which comes from firebase to redux as a state, in my case document(data) is many objects which is nested inside each other.
[Question]: objects are reference value type in Javascript, how could I prevents from object and its nested objects from mutations?
There some solutions:
1. freeze method applied for the outer object but doesn't effect the inner nested objects.
2. spreed operator creats a shallow copy, but you have to spreed each nested obeject to prevents mutation, its tasks alots of time and make my code ugly and hard to handle.
3. There are some libraries which makes my app heavy.

🐧🤖
[Conclusion]: is there any pure Javascript pattern or algorithm to handle the original object and its nested objects mutations and we could use from its copy over and over again.

https://code.sololearn.com/cMTf3r8asSm3/?ref=app

Answer 1

Yasin Rahnaward
unfortunately Sololearn node version is only 14.14.0.

open nodejs codebit, type
console.log(process.version)

if you are using node version 17 and above, you can use structuredClone

Answer 2

Yasin Rahnaward
you can deep freeze it.

from:
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/freeze

https://code.sololearn.com/cBhCTYD3Xy6x/?ref=app

Answer 3

THANKS alot Bob_Li & ODLNT
it's a smart solution we can creat a deep copy function and go deep throw our objects as we need and shallowcopy all our nested object to a new one. it is reusable and clean code.
https://code.sololearn.com/cDCPR82q4sXh/?ref=app

Answer 4

Yasin Rahnaward unfortunately Sololearn node version is only 14.14.0.

open nodejs codebit, type
console.log(process.version)

if you are using node version 17 and above, you can use structuredClone
Bob_Li
structuredClone is modern and best way which I was not aware , thank you 🤗🐧

Answer 5

Yasin Rahnaward
if you use web code, structuredClone works, using the web api.

https://developer.mozilla.org/en-US/docs/Web/API/structuredClone

https://code.sololearn.com/WyBKWs7e1f96/?ref=app

Answer 6

Yasin Rahnaward
Oh, I guess I misunderstood your question.
You don't want a frozen object, but a copy of the object that you can modify without affecting the original object.
I thought you wanted a completely frozen object.

Answer 7

Bob_Li
Exactly I just want to break the reference between original and the copy one🐧😊

Answer 8

Bob_Li
THANKS
With a deep freeze we can not copy the object with a different value and it's not make a sense, we should still copy the object with different value but the base[original] object values must not change.

Answer 9

Yasin Rahnaward a deep copy.
well, now you know how to do both 😁.

Answer 10

سلام

Answer 11

helo