8 Must Know JavaScript Array Methods

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

Пікірлер: 858

  • @seenuvasanv
    @seenuvasanv4 жыл бұрын

    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

    @caspianmorling5847

    4 жыл бұрын

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

  • @philipdang7357

    @philipdang7357

    4 жыл бұрын

    Quicker than a 10 minutes video thx

  • @BoredBricks

    @BoredBricks

    4 жыл бұрын

    What about sort?

  • @stavros222

    @stavros222

    4 жыл бұрын

    Pop Push

  • @stavros222

    @stavros222

    4 жыл бұрын

    Shift Unshift

  • @pritiroy6849
    @pritiroy68494 жыл бұрын

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

  • @WebDevSimplified

    @WebDevSimplified

    4 жыл бұрын

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

  • @ThatGuyDownInThe

    @ThatGuyDownInThe

    4 жыл бұрын

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

  • @shlomoh.6148

    @shlomoh.6148

    3 жыл бұрын

    additionally no 5 minutes "please subscribe" introduction

  • @l.e.nichols9382

    @l.e.nichols9382

    2 жыл бұрын

    Agreed

  • @arshadchowdhury5939

    @arshadchowdhury5939

    2 жыл бұрын

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

  • @liorocker1
    @liorocker14 жыл бұрын

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

  • @WebDevSimplified

    @WebDevSimplified

    4 жыл бұрын

    You're welcome!

  • @averian3191

    @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

    @randompal9828

    4 жыл бұрын

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

  • @AyomideIruobe

    @AyomideIruobe

    4 жыл бұрын

    Please view my short funny vid on arrays kzread.info/dash/bejne/fnl_2pKFZNjRmNY.html

  • @vinubox

    @vinubox

    4 жыл бұрын

    Yeah, not a single second wasted !

  • @EduBasabe
    @EduBasabe4 жыл бұрын

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

  • @WebDevSimplified

    @WebDevSimplified

    4 жыл бұрын

    Thank you so much!

  • @anamihajloska9891
    @anamihajloska98914 жыл бұрын

    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!

  • @true_visual
    @true_visual Жыл бұрын

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

  • @SiNevesh
    @SiNevesh Жыл бұрын

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

  • @senthilkumaripaulsami5737
    @senthilkumaripaulsami57374 жыл бұрын

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

  • @michaelokellomykfrost
    @michaelokellomykfrost Жыл бұрын

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

  • @vadasdaweewa9036
    @vadasdaweewa90365 жыл бұрын

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

  • @WebDevSimplified

    @WebDevSimplified

    5 жыл бұрын

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

  • @avivperets7360
    @avivperets73602 ай бұрын

    Thanks man, i'm glad that every time im entering to KZread 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.

  • @samalhabash2116
    @samalhabash21163 жыл бұрын

    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.

  • @jthomasaurus
    @jthomasaurus4 жыл бұрын

    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

    @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.

  • @serhatbek6197
    @serhatbek61974 жыл бұрын

    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! :)

  • @hnasr
    @hnasr4 жыл бұрын

    Crisp video and right to the point!

  • @WebDevSimplified

    @WebDevSimplified

    4 жыл бұрын

    Thank you. I'm glad you enjoyed it.

  • @KSmith-md7po

    @KSmith-md7po

    3 жыл бұрын

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

  • @yashlearnscode5502

    @yashlearnscode5502

    3 жыл бұрын

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

  • @michaelcarnevale5620

    @michaelcarnevale5620

    2 жыл бұрын

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

  • @rassoulsaliou9950

    @rassoulsaliou9950

    2 жыл бұрын

    @@yashlearnscode5502 1M101¹

  • @bmac-cz6rk
    @bmac-cz6rk3 жыл бұрын

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

  • @agatamaria5569
    @agatamaria55693 жыл бұрын

    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 :)

  • @matepavic1118
    @matepavic11183 жыл бұрын

    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.

  • @irenazlo5173
    @irenazlo51732 жыл бұрын

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

  • @michaelmaloy6378
    @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! :)

  • @aitolkunabdykaparova3926
    @aitolkunabdykaparova39263 жыл бұрын

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

  • @cswalker21
    @cswalker213 жыл бұрын

    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

    @anselmleo4146

    3 жыл бұрын

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

  • @shamiul_islam
    @shamiul_islam2 жыл бұрын

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

  • @Developer-404
    @Developer-4044 жыл бұрын

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

  • @noextrasugar
    @noextrasugar2 жыл бұрын

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

  • @diogofelicio9532
    @diogofelicio95329 ай бұрын

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

  • @joohimks
    @joohimks3 жыл бұрын

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

  • @johnfrancisco6736
    @johnfrancisco67363 жыл бұрын

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

  • @hikikomori69
    @hikikomori694 жыл бұрын

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

  • @splackna
    @splackna3 жыл бұрын

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

  • @calebprenger3928
    @calebprenger39284 жыл бұрын

    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.

  • @LaChRiZ2k
    @LaChRiZ2k3 жыл бұрын

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

  • @petazeta76

    @petazeta76

    3 жыл бұрын

    it is includes not include

  • @blasm1713

    @blasm1713

    3 жыл бұрын

    Name methods in js are much more natural

  • @slashd

    @slashd

    2 жыл бұрын

    The C# names are much better!

  • @alicemolinari1759
    @alicemolinari17593 жыл бұрын

    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.

  • @jagdishshetty4782
    @jagdishshetty47824 жыл бұрын

    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

    @WebDevSimplified

    4 жыл бұрын

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

  • @kiokoc0d3s
    @kiokoc0d3s7 ай бұрын

    This is wholesome! Clean, Clear and Concise! Props

  • @naimishahada1414
    @naimishahada14142 жыл бұрын

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

  • @LookNumber9
    @LookNumber94 жыл бұрын

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

  • @Daniel-nk3oq
    @Daniel-nk3oq3 жыл бұрын

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

  • @SportsJames82
    @SportsJames822 жыл бұрын

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

  • @pk2068
    @pk20682 жыл бұрын

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

  • @adrient104
    @adrient1044 жыл бұрын

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

  • @S0m0neRand0m
    @S0m0neRand0m3 жыл бұрын

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

  • @magerrrr
    @magerrrr4 жыл бұрын

    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.

  • @ZSd4cT
    @ZSd4cT2 жыл бұрын

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

  • @IsaacOladimeji
    @IsaacOladimejiАй бұрын

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

  • @ivydo5649
    @ivydo56493 жыл бұрын

    So simple yet helpful, thank you!!

  • @NT-td1xr
    @NT-td1xr2 жыл бұрын

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

  • @sivakumarg98
    @sivakumarg984 жыл бұрын

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

  • @xeonace

    @xeonace

    3 жыл бұрын

    Brad is a beast

  • @Snoo29293

    @Snoo29293

    3 жыл бұрын

    Steven Griffith is a very good KZreadr 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.

  • @marthae2015
    @marthae20154 жыл бұрын

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

  • @ShahnawazSayyad
    @ShahnawazSayyad4 жыл бұрын

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

  • @CommandoYi
    @CommandoYi10 ай бұрын

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

  • @kingstonejob7840
    @kingstonejob7840 Жыл бұрын

    Straight forward, clean and clear, thanks a lot.

  • @charlesabboud1613
    @charlesabboud16132 жыл бұрын

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

  • @cassette-cat
    @cassette-cat15 күн бұрын

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

  • @roostercogburn3272
    @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.

  • @acarvey
    @acarvey4 жыл бұрын

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

  • @dylanoh3425
    @dylanoh34254 жыл бұрын

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

  • @jeffboomhaur778
    @jeffboomhaur7783 жыл бұрын

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

  • @bitetheapple8
    @bitetheapple8 Жыл бұрын

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

  • @digitalkoh
    @digitalkoh3 жыл бұрын

    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...)

  • @qianbang_
    @qianbang_4 жыл бұрын

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

  • @erickchavez4551
    @erickchavez45512 жыл бұрын

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

  • @utkarshpant5297
    @utkarshpant5297 Жыл бұрын

    Finally someone explained reduced() simply

  • @guillermodanielmazzarigiov1768
    @guillermodanielmazzarigiov17682 жыл бұрын

    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

  • @code_magpie
    @code_magpie Жыл бұрын

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

  • @georgekrax
    @georgekrax4 жыл бұрын

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

  • @johnnyholiday1150
    @johnnyholiday11502 жыл бұрын

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

  • @yubrajkarki2512
    @yubrajkarki25124 жыл бұрын

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

  • @WebDevSimplified

    @WebDevSimplified

    4 жыл бұрын

    I'm glad I could help!

  • @PTM1008
    @PTM10084 жыл бұрын

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

  • @WebDevSimplified

    @WebDevSimplified

    4 жыл бұрын

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

  • @joegreen6209
    @joegreen62094 жыл бұрын

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

  • @quangvo4868
    @quangvo48683 жыл бұрын

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

  • @byronnyayiera1393
    @byronnyayiera13932 жыл бұрын

    Very short and clear to the point. 🙏🙏

  • @BestBeatMakerEver
    @BestBeatMakerEver3 жыл бұрын

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

  • @user-n1835
    @user-n18352 жыл бұрын

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

  • @vladstankovic1050
    @vladstankovic10503 жыл бұрын

    No bullshit, just pure explanation. Awesome!

  • @markay_
    @markay_3 жыл бұрын

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

  • @joerodrigo9661
    @joerodrigo96613 жыл бұрын

    You really made it so easy to understand. Great!

  • @carltongordon
    @carltongordon5 жыл бұрын

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

  • @WebDevSimplified

    @WebDevSimplified

    5 жыл бұрын

    I'm glad I could help

  • @dtwelve89
    @dtwelve895 жыл бұрын

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

  • @WebDevSimplified

    @WebDevSimplified

    5 жыл бұрын

    You're welcome!

  • @jonjackson3695
    @jonjackson36952 жыл бұрын

    Every video you make is gold. Never unsubscribing

  • @condomatica3383
    @condomatica33833 жыл бұрын

    Thank you very much! You saved me a lot of time.

  • @PKAnane
    @PKAnane4 жыл бұрын

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

  • @maskman4821
    @maskman48214 жыл бұрын

    thank you Kyle for helping us review array operation

  • @hosseinpanahy5358
    @hosseinpanahy535811 ай бұрын

    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♥️♥️♥️♥️♥️♥️

  • @shailendrasawant1454
    @shailendrasawant14544 жыл бұрын

    Thanks for short and useful video. It helps 👍🏻

  • @antonfranzen2233
    @antonfranzen22334 жыл бұрын

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

  • @WebDevSimplified

    @WebDevSimplified

    4 жыл бұрын

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

  • @arielspalter7425
    @arielspalter74254 жыл бұрын

    Excellent tutorial! Thank you for the upload.

  • @bulldawg4498
    @bulldawg44984 жыл бұрын

    Clear and concise ... Thanks!

  • @rajivpuranwar5541
    @rajivpuranwar55413 жыл бұрын

    Thanks for this video... Short and simple

  • @theegreatestever2420
    @theegreatestever24203 жыл бұрын

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

  • @petarzafirovski6761
    @petarzafirovski67613 жыл бұрын

    Simply the best tutorial on array methods

  • @jessicajax8568
    @jessicajax85682 жыл бұрын

    Thank you best explanation I have seen thus far...keep up the good work !!!!!👍👍

  • @rolfchristensen9026
    @rolfchristensen9026 Жыл бұрын

    As always, great explaining of how to use things!

  • @Sunwarul
    @Sunwarul4 жыл бұрын

    Thanks man. One of the best tutorial I even seen. Please make videos on Js, Node, Vue, Express and making full stack projects with them. Thanks again!

  • @WebDevSimplified

    @WebDevSimplified

    4 жыл бұрын

    I have a full stack Node.js series that covers all these topics except Vue.

  • @josuebarros-desenvolvedorw2490
    @josuebarros-desenvolvedorw24903 жыл бұрын

    Wonderful video!!! Thanks for unlocking the JavaScript lost inside me!!!

  • @inteamneverwin1023
    @inteamneverwin10235 жыл бұрын

    Clean and tidy explanations, love it.

  • @WebDevSimplified

    @WebDevSimplified

    5 жыл бұрын

    I'm glad you enjoyed it!

  • @PinoyGuitarTutorials
    @PinoyGuitarTutorials4 жыл бұрын

    Crystal clear explanation! Subscribed! Thank you! :)

  • @kartikeyjangir6003
    @kartikeyjangir60033 жыл бұрын

    Speech less 🔥🔥 crisp and clear !

  • @rockwellcreative
    @rockwellcreative3 жыл бұрын

    Very helpful and clear! Thanks so much!

  • @Qrexx1
    @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.

  • @soumilgupta3441

    @soumilgupta3441

    Жыл бұрын

    Couldn't you just use an early return