JavaScript Cloning an Object

JavaScript: Cloning an Object

Subscribe for more videos:

Want to learn more from me? Check out my blog and courses:

[jitenanand]

Nice and clean with clear visible font size and without any intro music.
Perfect way to make coding tutorial videos.

[lalit]

Hi Mosh... Both Object.assign and spread operator work fine for single level object like circle but what about multi level object like var obj= { a :1, b: { c:2, d:3 }, e:4}. I think it will not work for multi level object. Am i right?

[zehahaha]

const another = JSON.parse( JSON.stringify(circle) )

[RajYadav-yhvv]

where is deep cloning?shallow copy and deep copy?

[FredoCorleone]

You can use factory functions and Object.assign() to make beautiful compositions between objects!
Composition is far more superior than inheritance.

Another method to copy things in JS is to use JSON.parse( JSON.stringify( myObject ) )

[sayyedaaman]

Thank you sir for that video It's very helpful for us

[ivss]

if someone wants to make an dinamic object from a form using express (o well, this is just basic js xD) use something like this:
const obj =
let objectToUpdate = {}

for (let field in obj) {
if (obj[field] !== ''){
objectToUpdate[field] = obj[field]
}
}

[alessandroporfirio]

Beautiful syntax! Thank you for showing that!

[medachrefabdelbari]

Man your the best, keep up the good work.

[husamk]

thanks very much you are brilliant ..i hope you do an advance d js tutorials

[devthings]

hi Mosh - how can we use Object.assign to clone and merge objects with the *same property name* without getting them overwritten?

[alekseyr]

shown methods create a shallow copies, not deep ones

[Vladth]

How to clone an image object into array slots?

[easy-stuffs]

it's just copy the property right? The main objective is to deep clone and copy prototype.

[shattereddnb]

This seems to only make a reference to the original. What if I need to make an actual copy of an object, so that I can change the copy without changing the original?

[amanwadte]

its not working
const circle = {
radius: 1,
draw() {
console.log('draw');
}
};

const another = ( ...circle );

console.log(another);

Output:
Uncaught SyntaxError: Unexpected token '...'

[paddy]

Not even one word about shallow copy and deep

[codewithbishal]

lol me
let a = { }
let b= { ...a}

[DrErnst]

this seems like it could be simplified why is the syntax of coding so unessesary complicated? also what is an object and why would you want to copy it.. if you make it basic tutorial remember that you can ofthen be even more basic .. imagine your audience is a group of 10 year olds..

[tomislavzivkovic]

Bad, bad!!! What if object contains another object??? This video makes you think that entire object is cloned. Well, only the first level. Other levels are still references.