8 Must Know JavaScript Array Methods

Подписаться 1,6 млн

Просмотров 1 млн

50% 1

Working with arrays in JavaScript used to be a pain with barely any support for complex array operations. Fast forward to today, though, and there are tons of amazing JavaScript array methods available to us. In this video I will be covering the 8 most important array methods in JavaScript.
Timestamps
0:00 - Introduction
0:20 - filter
1:58 - map
2:54 - find
3:42 - forEach
4:30 - some
5:50 - every
6:27 - reduce
8:51 - includes
Twitter:
/ devsimplified
GitHub:
github.com/WebDevSimplified
CodePen:
codepen.io/WebDevSimplified
#JavaScript #WebDevelopment #Array

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

16 июн 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

@seenuvasanv 4 года назад

Filter - 0:22 Map - 2:00 Find - 2:55 Foreach - 3:43 Some - 4:32 Every - 5:53 Reduce - 6:28 Includes - 8:52

@caspianmorling5847 4 года назад

seenuvasan V before clicking this video, I knew this would be top comment +

@philipdang7357 4 года назад

Quicker than a 10 minutes video thx

@BoredBricks 4 года назад

What about sort?

@stavros222 4 года назад

Pop Push

@stavros222 4 года назад

Shift Unshift

@pritiroy6849 4 года назад

I wish more people made tutorials like you. Clean , Short , Simple. subscribed , hoping for great content in the future.

@WebDevSimplified 4 года назад

Thank you so much! I'm really glad you resonate so well with my teaching style.

@ThatGuyDownInThe 4 года назад

All these dudes are getting a pay day when I land my first job soon

@shlomoh.6148 3 года назад

additionally no 5 minutes "please subscribe" introduction

@l.e.nichols9382 2 года назад

Agreed

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

@@ThatGuyDownInThe Did you get the job ? where's the pay day waiting for it mate

@EduBasabe 4 года назад

This is the most simple, short, good quality and well explained tutorial I have ever seen.

@WebDevSimplified 4 года назад

Thank you so much!

@liorocker1 4 года назад

Wow, the best 10 minutes used to learn how to deal with arrays, Thanks a lot :)

@WebDevSimplified 4 года назад

You're welcome!

@averian3191 4 года назад

I'm new to javascript and the guys at work were paying me out for using for loops. This was very helpful.

@randompal9828 4 года назад

Check out lodash for similar tricks, although than one is a library

@AyomideIruobe 4 года назад

Please view my short funny vid on arrays ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-LEKx0L4ukhs.html

@vinubox 4 года назад

Yeah, not a single second wasted !

@SiNevesh Год назад

Can't say how much I appreciate these videos. Straight-forward, simple, and most importantly, useful!

@true_visual Год назад

No fluff, straight to the point! I really thank you for this video!

@senthilkumaripaulsami5737 4 года назад

Best video ever. Simple, easy to understand. Effective presentation. Looking forward to more videos. Been binge watching your videos. Thanks a ton..

@anamihajloska9891 4 года назад

How is it that I read so many array methods articles and couldn't wrap my head around them, but when I watched this video everything made perfect sense? You're amazing, thank you for making these tutorials!

@michaelokellomykfrost Год назад

Man this was just amazing. You explain it with such simplicity without complicating and confusing the viewer. Thanks man

@serhatbek6197 4 года назад

I've just found your channel and you're a great teacher! Thank you for sharing your knowledge. Thanks to you, now things started to get clearer! :)

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

The reduce method has been confusing me for a little bit as a is newbie. The way you explained it made so much sense! Thank you so much.

@avivperets7360 2 месяца назад

Thanks man, i'm glad that every time im entering to RU-vid i see one new video of yours, made myself an habit to watch at least one a day to refresh my mind in some subjects that i might forgetting and sometime also get to know for the first time.

@jthomasaurus 4 года назад

I watched a few videos of yours and was quickly convinced. I’m subscribed to your channel, your news letter, and checked out your “appearance” on the How to Code Well podcast. Really like your quick and to-the-point style of teaching, and you move quickly so I don’t get bored at all. I can always pause if I need to, but so many channels move too slowly. Thanks for all the help!

@WebDevSimplified 4 года назад

Thank you so much! I spend a lot of time trying to make sure my pace of explanation is a good mix of quick without being too fast. I generally live by the principle of explaining something really well once and then moving on since it is a video and not a live lecture you can always pause or rewind like you mentioned.

@vadasdaweewa9036 5 лет назад

Superb explanations. Wish your channel to grow, you deserve it.

@WebDevSimplified 5 лет назад

Thank you! I already feel like I have grown so much.

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

Efficient way of learning! Short, clear and easy to understand. Much appreciated. Keep up the good work.

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

Such a clear and concise explanation of the subject matter. Keep up this good work! This is my first go-to channel whenever I need a lesson or need to gain understanding on a particular subject, no doubt.

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

Hello, I'm getting back into web development after a 20+ year absence, and it's pretty scary because everything is so different! Your channel has been a big help. Thank you so much for your clear explanations and tight presentation. Very valuable!

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

20+years ago.. what we had was more like web design.. but i feel you bro.. welcome back🤗

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

This tutorial has more knowledge than many 1hour+ tutorial videos. Well done!

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

For C# developers, who know LINQ: filter == Where() map == Select() find == FirstOrDefault() some == Any() every == All() reduce == Aggregate() includes == Contains() you're welcome.

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

it is includes not include

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

Name methods in js are much more natural

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

The C# names are much better!

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

It's probably incalculable how much time and mind power this video has saved me. I am so glad I came across it. Hero! Thank you :)

@michaelmaloy6378 Год назад

I watch your videos whenever I want to take a break from regular work and learn something new and interesting. All of these methods made perfect sense when you described them. I'm eager to play with a bunch of these now. Thank you so much for the clear and concise explanations! :)

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

This video is only 10 minutes, but explained commonly used array methods so well! Ty for the great tutorial💯

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

Good, crisp, precise, and very understandable. Thank you so much. It was just what I needed.

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

This video will deliver the expectations you expect from the title. Simple and straightforward

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

This is a really worth tutorial to watch for every newbie programmer. Finally started to understand the array methods. Thanks from Kyrgyzstan!

@bmac-cz6rk 3 года назад

I swear this guy explains things better than anyone else on the planet

@diogofelicio9532 9 месяцев назад

You helped me a lot, i was strungling with this array methods and i can't thank you enough

@LookNumber9 4 года назад

Beautifully done! Clear and concise as usual. Thank you!

@hikikomori69 4 года назад

Seriously thank you. This helped me past a huge block I had developed. Such a simple solution. Thank you!

@Developer-404 4 года назад

This man is doing such a great job , the way he explain things are great. Thank you for you contribution👏.

@calebprenger3928 4 года назад

awesome tutorials. it' s so nice to watch a tutorial where they don't have a bunch of small talk in all areas of the video. just no nonsense.

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

This video has made my day ! I learnt so much that I really wanted to have the exact explanation ! Thanks buddy.

@jagdishshetty4782 4 года назад

Excellent !!! Each of your videos is answering many of the questions that I have in such a short time !!!! Thx and keep it up !!!

@WebDevSimplified 4 года назад

Thank you. I am glad you enjoy my videos. Hopefully my future videos are just as helpful.

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

I've been working with firebase using for each without understanding it completely. Thank you for your insight and contribution!

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

Your channel is one of my main go-tos for programming knowledge. Keep up the good work, my friend.

@kiokoc0d3s 7 месяцев назад

This is wholesome! Clean, Clear and Concise! Props

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

That is a very good tutorial. I found particularly interesting and well done the way the reduce method was explained, it was clearer than many other videos on the topic.

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

Nice, simple, clear and short to the point. Thanks for this.

@Daniel-nk3oq 3 года назад

I really appreciate this tutorial! You were clear and consise in explaining these array methods.

@adrient104 4 года назад

I'm so glad I subscribed to your channel 😁 you've got a efficient way to explain things, thank you for the tutorials!

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

Dang, if I had had the smarts of typing my problem into RU-vid a couple hours earlier... you saved me dude! (just starting this JS journey)

@CommandoYi 10 месяцев назад

This simplified so much of the confusion I had around these methods. Subbed!

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

So simple yet helpful, thank you!!

@marthae2015 4 года назад

Helped me pass part of the entry challenge to the coding bootcamp I'm going for - thank you !

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

Funny how much more helpfully and clear this is about these methods over some tutorials that spend 30 to 45 on each method

@NT-td1xr 2 года назад

Thanks for explaining the reduce method in such an easy to understand way!

@hnasr 4 года назад

Crisp video and right to the point!

@WebDevSimplified 4 года назад

Thank you. I'm glad you enjoyed it.

@KSmith-md7po 3 года назад

@@WebDevSimplified By the way he's a great Backend Engineer :D

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

@@KSmith-md7po ah, yes, the two greats of the RU-vid tech world saying hi. :)

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

@@WebDevSimplified ya u waste zero time, great reference material

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

@@yashlearnscode5502 1M101¹

@sivakumarg98 4 года назад

The two great channels where I learned everything, web dev simplified & Traversy media . 🤘

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

Brad is a beast

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

Steven Griffith is a very good RU-vidr too, he has videos about almost anything you could think of in JavaScript, web dev simplified does help a lot, but sadly there few stuff he hasn't covered about JavaScript in his videos, and sometimes he simplifies things a lot, which is good if you are struggling to understand something, but some concepts is good to know a little deeper. I recommend watching web dev simplified as an introduction to a topic, and then searching the concept deeper by watching some other videos, like the videos Steven Griffith makes, except if the concept is already simple enough and doesn't have much else to learn, like the array methods we were taught in this video, there do are some stuff he didn't talk about, about reduce method for example I believe it also can take a third parameter, but this video pretty much covered everything about these array methods.

@magerrrr 4 года назад

Hi from Belarus, and thank you very much for the video! It was important and helpful for me to freshen up all array methods in my mind.

@kingstonejob7840 Год назад

Straight forward, clean and clear, thanks a lot.

@acarvey 4 года назад

Your videos are always succinct and very helpful! Thanks so much!

@qianbang_ 4 года назад

After I watched only 2 of your videos, I subbed. Thanks for the great content and explanation!

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

i love that most of his videos are fast-forwarded it makes it a challenge to keep up sometimes XD

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

Dude this was the best video explanation for this possible. You make it simple. Thanks a lot just subbed 👍🏽

@PKAnane 4 года назад

Less than 1 minute in and I've subbed. Excellent exposition!

@dylanoh3425 4 года назад

Thanks for all the great jobs done, you have explained them very well! Keep it going!

@IsaacOladimeji Месяц назад

Simple, but yet so accurate, and easy to understand!!👌

@cassette-cat 12 дней назад

Easily one of the best channels for js, thank you so much , subscribed!

@yubrajkarki2512 4 года назад

Thank you so much, buddy. I was struggling with this until I stumbled onto your video. Thanks a lot.

@WebDevSimplified 4 года назад

I'm glad I could help!

@bitetheapple8 Год назад

great explanation of array methods in a simple, understandable way. Thank you!

@georgekrax 4 года назад

Amazing, I now understand the reduce() function, after lots of videos!

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

This video is one of the reasons that I preach people learning sth in this era wouldn't require taking particular courses and having high-paid pedagogues... THANKS SIR♥️♥️♥️♥️♥️♥️

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

Simple methods, yet very useful! Thank you for the awesome video.

@code_magpie Год назад

You have a great teaching method. You are really making things look easier.

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

this just really nicely done, calm, simple and very well explained. thank you very much...

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

A great video to review and understand better the uses of array methods. Thanks a lot!

@carltongordon 5 лет назад

DUDE!!!!! you cleared up soooo much for me, thank you man

@WebDevSimplified 5 лет назад

I'm glad I could help

@ShahnawazSayyad 4 года назад

Beautful super awesome ... you are so clear, concise and to the point ... have come across many tutors but you explain it the best 👍

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

I was seriously thinking of the number 7 during your "includes" section :O

@roostercogburn3272 Год назад

This is (by far) the best explaination I've come across. I'm thinking that what probably makes array methods somewhat confusing in other explainations is that they usually introduce the concept of callbacks. It's much better to learn these ideas seperately. Before mentioning them as the array 'callback' methods.

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

I see a lot of possibilities with this methods, filtering menu or items in an e commerce store, adding up the total of a shopping cart, thanks for this, it is extremely useful

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

Every video you make is gold. Never unsubscribing

@maskman4821 4 года назад

thank you Kyle for helping us review array operation

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

You really made it so easy to understand. Great!

@javascriptmastery 5 лет назад

I was just planning on creating a video about array methods! Nice one! :)

@WebDevSimplified 5 лет назад

Nice! Hopefully it goes well.

@NIrajKumar-cq2rh 4 года назад

ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-NH_lCxa1hv8.html

@dtwelve89 5 лет назад

Awesome video Kyle. Your teaching style is great, thank you.

@WebDevSimplified 5 лет назад

You're welcome!

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

You have been a huge help to me. I'm forever grateful!

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

No bullshit, just pure explanation. Awesome!

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

Thought I was already subscribed...Glad I realized I wasnt and did the right thing. You are an absolutely excellent teacher

@PTM1008 4 года назад

Very handy! Found an excellent resource before starting with my work for the day... Thanks for the good content!

@WebDevSimplified 4 года назад

You are very welcome. I'm really glad you enjoyed the video.

@inteamneverwin1023 5 лет назад

Clean and tidy explanations, love it.

@WebDevSimplified 5 лет назад

I'm glad you enjoyed it!

@joegreen6209 4 года назад

Thanks for this. Very succinct, clear video on JavaScript arrays.

@PinoyGuitarTutorials 4 года назад

Crystal clear explanation! Subscribed! Thank you! :)

@arielspalter7425 4 года назад

Excellent tutorial! Thank you for the upload.

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

Very short and clear to the point. 🙏🙏

@rolfchristensen9026 Год назад

As always, great explaining of how to use things!

@S4LTYT 4 года назад

the most informative easy video on youtube about arrays

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

Clear and concise ... Thanks!

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

Daaaamn! And i‘ve been using for loops and if statements the whole time! Thx for the revelation!

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

Great content! Love the find method!

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

Thank you for this. clearly explained and straight to the point

@antonfranzen2233 4 года назад

Omg man! The fiilter i didnt know about! This solved a hell lot of issues! Thanks!!

@WebDevSimplified 4 года назад

I'm glad I could help! The array methods are awesome.

@RameenFallschirmjager 4 года назад

Much better than other channels. Kudos!

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

Simply the best tutorial on array methods

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

Very helpful and clear! Thanks so much!

@AdamBowersDeveloper 4 года назад

Reduce is definitely my favourite Array method.

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

You are the best! Concise, no bs, no nonsense. Please don't change. And please don't add any silly bs in parenthesis like (as this, or as that...)

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

Speech less 🔥🔥 crisp and clear !

@DavidWoodMusic 5 лет назад

My word thank you for showing this with multiple-property objects. Everyone does it with zero-property objects. You sir earned a sub 26 seconds into this video.

@WebDevSimplified 5 лет назад

That may be a RU-vid record :P I'm really glad you enjoyed the video.

@Qrexx1 Год назад

Very useful summary! But keep in mind that with the forEach method you don't have the option to skip an element or to break the loop, in those cases you still need the 'for' loop or the 'for...of' loop so you can use the 'continue' or 'break' keywords.