ES6 Tutorial #9: Shallow vs Deep Copy| Interview Question| Modern Javascript 2021

In this video, I have explained in detail, how to copy
javascript object and what is shallow and deep copy in javascript
Shallow copy is also identified by pass by Reference , when you
make a copy of original variable into another variable(copied) by using
assignment operator(=), that time only the reference address
of original variable is copied into another variable instead of original
values.
So at last both variables refer to the same value. So when you make any changes in
new variable if will also mutate or change the original variable
Deep Copy:
Deep copy is also identified by pass by Value, when you make a copy of
variable into another variable by using assignment operator, at that time
all the values(object, arrays) along with reference address of original variable
is copied into another variable.
At last, both variables refer to different referenced
values. So when you make any change in new variable it won't mutate the original variable.
Watch video on spread operator: • ES6 Tutorial #6: Sprea...
Watch video on mutable/immutable object : • ES6 Tutorial #5: Mutab...
I have one assignment at the end of the tutorial.
Please support my channel,🙏 by showing your love❤️ by liking and sharing my video, so that I can reach to more people and can help them too.
Watch my Angular playlist :
Angular : • Introduction- Angular ...
Follow me:
Facebook: / angularjs4beginners
LinkedIn: / nisha-singla-82407aa0
Instagram : / passion4code
For more such interesting videos, please subscribe to my channel and stay connected.
#javascript #NishaSingla

[@dragons.2]

thanks sis💪🏻💯 i was struggling to understand deep vs shallow copy and watched many yt videos but you made it easy for me and now i understand it you're a lifesaver fr fr👌✨

[@CodeWithJamil786]

Awesome explained each and every concept.... Thank you...

[@anjusreedharan3210]

Your videos are really informative and we can understand the concepts very clearly. Please add videos on ngRx and cookies in angular

[@NishaSingla]

Thank you … 😀🙏

[@EcomBusiness]

Thank You So much Mam.
After witching other youtubers video I don't understand what is Shallow copy & Deep copy
But Mam your video is so helpful me to understand the concept and all methods in Easy Way.
Again Really Really Thank You!

[@thahirakramthahirakram2275]

very nice explanation execellent

[@parmarsuresh2698]

nice explanation ❤❤

[@akiratoriyama1320]

Damn girl!! Those videos are super helpful!!!! Can't thank you enough!!!

[@NishaSingla]

Glad it helped :)

[@kunalrajput2234]

Well this was a deep explanation for my shallow js knowledge. Great video thanks

[@ramadevi-xe4be]

your explanation is excellent

[@anupb540]

Thanks for this informative and easy to understand video..

[@neerukondasandhya3432]

Awesome explanation mam

[@rajeshkolluri448]

Thank you,Clean and clear explanation

[@NishaSingla]

Thank you 😊

[@ehrazahmed8190]

Nice Explaination 👍.Good work👏.

[@NishaSingla]

Thank you 😊

[@tusarkantamallick5414]

thank you, for clear explanation

[@apurvakumar5881]

thankyou mam for making my concept clear

[@NishaSingla]

Keep learning 😀

[@apurvakumar5881]

@@NishaSingla always mam

[@VIVEKJOSHI05]

Good explanation.✌️

[@NishaSingla]

Thank you 😊

[@chanduBoddu]

Awesome explanation , thank you so much

[@NishaSingla]

😊😊

[@chanduBoddu]

Today we faced same issue in prob , but fixed it Bec of ur video

[@jaffaji]

Nice voice. nice concept.

[@NishaSingla]

Thank you 😊

[@shubhamkhilari6872]

This is crisp 🫡🫡

[@anupb540]

Nicely explained..understand the concept well..just a confusion, Object.assign() is giving partial deep copy, JSON.stringify() also giving partial deep copy...and use of spread operator is giving complete deep copy...so my question is which method is giving shallow copy...is shallow copy same as just assigning one object to another object or something else?

[@kalpeshdashpute9598]

referance data types like array and object have a by default shallow copy nature

[@kotireddy419]

When to use shallow copy and deep copy ? Can you explain about this difference?

[@apurvakumar5881]

i can able to do foe nested and simple objects
FOR EX-----
var obj = [{ x: 1 }, {y: 2}];
var deepCopy = _.cloneDeep(obj);
// Changing orignal value
obj[0].x = 10;

// Values after changing original value
console.log("After changing original value");

console.log("Original value ", obj);

console.log("Deep Copy value ", deepCopy);
OUTPUT
Original value [ { x: 10 }, { y: 2 } ]
Deep Copy value [ { x: 1 }, { y: 2 } ]

[@NishaSingla]

Cool 😎👍🏻

[@ShravanKumar-kh2un]

Good but you are using loadsh methods for it, she did it by using inbuilt es6 features

[@ganesh56789]

Thank you 🙏

[@NishaSingla]

😀👍🏻

[@SAAMY_1414]

Awesome Series :) (y)
..
In this case if I want to update Country in copied Object ?
I am trying to update in copiedvalue country value as 'US' (for example) , its creating a new key value with same pair .

[@gayathrig6046]

Thanks.

[@NishaSingla]

You’re welcome 😀

[@arpitsatyal8900]

You are amazing

[@NishaSingla]

Thanks 🙏

[@arpitsatyal8900]

@@NishaSingla can you list all the important topics for an angular interview from your experience

[@Adnan3035]

Very well explained.

[@srinivasgangaraju2998]

5:26

[@mithunkumar5185]

With the help of this JSON.parse(JSON.stringify(object)); you can easily achieve the deep copy

[@Looser_alpha]

make video on json method

[@Looser_alpha]

how much javacsript we would learn to land a job as a frontend developer please help me its an emergency

[@NishaSingla]

fundamentals should be clear...and it all depend for which role you are going even as frontend developer

[@Looser_alpha]

@@NishaSingla to app hi bata do konse topic front-end developer as a fresher padhe

[@kalyanideshmukh47]

Thank you ma'am 😊

[@NishaSingla]

😀😀