The JavaScript Spread Operator - One Thing You DIDN'T KNOW!

Подписаться 203 тыс.

Просмотров 26 тыс.

50% 1

Did you really understand how the spread operator works in JavaScript? It's great for making copies of shallow objects and arrays, but can it be used to make a deep clone?
Spread Syntax Docs - developer.mozi...
_____________________________________________
Newsletter 🗞
Interested in exclusive content and discounts? 🤯 Sign up for the newsletter!
www.jamesqquic...
_____________________________________________
Connect with me 😀
Live streams on Twitch - / jamesqquick
Follow me on Twitter - / jamesqquick
Join the 💬 Discord Server 💬 - / discord
_____________________________________________
COURSES 💻
Learn how to build Fullstack apps with React and Serverless Functions - www.jamesqquic...
Learn everything you need to know about Visual Studio Code - www.udemy.com/...
Build a Quiz App - www.udemy.com/...

Опубликовано:

8 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 64

@NeilvsZA 3 года назад

2 days ago I spent 6 hours trying to figure out why some code wasn't working, only to discover this little catch with the spread operator. I'm sure this video will save developers many hours!

@JamesQQuick 3 года назад

So glad you think it will be helpful!

@quangnguyencong8728 3 года назад

Could you share the context? I am seeking some real examples for this problem. Happy hacking, bro!

@tyengineer0 3 года назад

Dude love all your vids I’m a full stack dev w/a passion for front-end, and I can tell you that you never stop learning. So watching your stuff is always a good refresher/new point of view on coding I love it keep turning out the content man! All the best 💯

@JamesQQuick 3 года назад

Thanks so much :)

@solvedfyi 3 года назад

I hate clicking dislike on videos of creators trying to share tidbits with the learning public. But I hate more the padding, spending a minute telling me to guess what I don't know, many minutes setting up a scenario, then finally punching in something I yes most definitely did know and is not rare knowledge to most that have completed introductory reading on the topic. There has to be a better way. I promise if you just tell us what you're going to teach from the gate, we'll still watch

@pranavbedre7841 3 года назад

which vs code theme do you use??

@NOPerative 3 года назад

Pointers in Javascript - good vid. For everyone whom might be unfamiliar with pointers: a reference is a pointer sans confusing jargon. Can't get over the fact that this video is so awesome; excellent discussion.

@BookOfSaints 3 года назад

I'd love to see deep copying be standardized in the language soon enough

@dpklabs 3 года назад

Another great video - I knew about this, but really enjoyed how you explained it.

@Sean4Help 3 года назад

This reminds me of dealing with pointers in C++ class when my professor at OIT wanted to make sure we understood pass by reference...he gave us four star pointers to work with as a project. Needless to say, pass by reference is no longer a problem. lol

@George-rr1cd 3 года назад

Learning something new every day great content 👍👍

@Apprenticer 2 года назад

So I will be the 3rd who asks the same question. What vs theme do you use? So will you answer now?

@gmkhussain 3 года назад

JS is easy for 2 people. One who knows JS actually & other one who just know JS is easy. 😂

@markuscorvus7354 3 года назад

if you are javascript developer :D

@betonkoca 3 года назад

deep copy - shallow copy if we use the right terms

@JamesQQuick 3 года назад

Did I not say that?

@plamenavramov2755 2 года назад

Please can you share what is the settings that you use , its very cool that on the right next to the array when you mark it you can see the result

@oldbig1183 3 года назад

Hi James, I noticed that your vscode showed runtime value at the end of every line, could you please tell me how to do that?

@skatyan 3 года назад

Got to know about this the tough way when i just started working as a web developer, i assumed spread op make a true copy and had to deal with a very frustrating debug session 😭

@JamesQQuick 3 года назад

Yep. I've seen lots of people make this mistake which is why I did the video :)

@user-wr8vh6js2i 2 года назад

Thank you for your analysis, very detailed。

@JamesQQuick 2 года назад

Glad you enjoyed it!

@ToddDunning 3 года назад

Great job - really cleared me up.

@toihirhalim 3 года назад

Thanks James

@achtube85 3 года назад

Yey! I am in for the JS challenges 🦄

@noopurp123 3 года назад

Nice video. Can you also do a video on Symbol and its uses in Javascript? Thanks...

@tombraider6532 3 года назад

Good tip that makes sense

@bobkazamakis5169 3 года назад

Really enjoyed that video bro

@sparklite1015 3 года назад

I am having a problem in HTML . Image is not showing/loading in Browser (Firefox) when html file is opened. I want image as background. My html file is in folder in D: drive and my image is in F: drive. I am using VS CODE (system setup).

@sparklite1015 3 года назад

Can anyone solve this problem

@sparklite1015 3 года назад

@@user-vl6xf7mp6m Is there any way to use different drives for webspace?

@chhavimanichoubey9437 3 года назад

just learnt ... now i know main takeaway about this

@saivivekravi6637 3 года назад

Which vscode theme are you using I like it can you mention name

@rickharold7884 Год назад

Hmmm good info.

@pakkavideos 3 года назад

Any other ways to clone the multi level objects?? When i use json.parse/stringfy functions inside the objects are missing... Can anyone tell best way to clone?

@subhankanacharjee2135 3 года назад

Use lodash.

@fmdj 3 года назад

Yeah like it's kinda why it's called a spread operator, not a deep-copy operator. Funny, the thought this behavior could cause issue to someone never crossed my mind.

@JamesQQuick 3 года назад

Well, I've seen it cause many problems for many people. Hence, the video

@vinayrwt 3 года назад

Great video 🆒

@reactm 3 года назад

How do you get auto suggestions while writing code in Vscode .

@JamesQQuick 3 года назад

I just use the built in intellisense. If I'm working in a JavaScript file, it gives the recommendations.

@LeonardoOliveira-ko1rf 3 года назад

I just understood a bug that I faced a few days ago

@torbenbuck380 3 года назад

Uh, JS doesn't copy an array if you'd do: names = ['James', 'Jess', 'Lily', 'Sevi']; copyNames = names; ? It's just pointing to 'names'? Or did you just use that to explain how it works?

@kristofferjohansson3768 3 года назад

You forgot the spread part. Your example is not same as in the video.

@torbenbuck380 3 года назад

@@kristofferjohansson3768 I think you didn't expand the comment 🤔 I asked if this is isn't copying an array (and pointing to it instead)

@kristofferjohansson3768 3 года назад

Torrent, I missed your intention. Yes b[]…a[] creates a pointer. Only basic types are copied in JS.

@torbenbuck380 3 года назад

@@kristofferjohansson3768 I just tried it in a console (I wrote the other comments on a phone). Damn, didn't know that. Weird that I didn't trip over this already. names = ['James', 'Jess', 'Lily', 'Sevi']; copyNames = names; copyNames[0] = 'Billy' copyNames > (4) ["Billy", "Jess", "Lily", "Sevi"] names > (4) ["Billy", "Jess", "Lily", "Sevi"]

@RaselAhmed-sb5xx 3 года назад

I love javascript

@RoboticsDevelopment 11 месяцев назад

wakka quokka

@anthonywanjala678 2 года назад

//THANKS FOR THE VIDEO SIR.. //WHY DOES IT NOT WORK SIR... THE WAY I WANT SIR?..😢😢 var marks={'ENGLISH':'','MATHEMATICS':'','CHEMISTRY':'','BIOLOGY':'','PHYSICS':'','GEOGRAPHY':'','HISTORY':''} function enter(_subjectt, maks){ let makss={...marks, _subjectt:maks} console.log(makss) } enter('ENGLISH','34')