8 Must Know JavaScript Array Methods

  Рет қаралды 1,036,922

Web Dev Simplified

Web Dev Simplified

Күн бұрын

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

Пікірлер: 851
@seenuvasanv
@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
@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
@pritiroy6849 4 жыл бұрын
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 3 жыл бұрын
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
@EduBasabe
@EduBasabe 4 жыл бұрын
This is the most simple, short, good quality and well explained tutorial I have ever seen.
@WebDevSimplified
@WebDevSimplified 4 жыл бұрын
Thank you so much!
@liorocker1
@liorocker1 4 жыл бұрын
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 kzbin.info/www/bejne/gnauqWOCadqentU
@vinubox
@vinubox 4 жыл бұрын
Yeah, not a single second wasted !
@senthilkumaripaulsami5737
@senthilkumaripaulsami5737 4 жыл бұрын
Best video ever. Simple, easy to understand. Effective presentation. Looking forward to more videos. Been binge watching your videos. Thanks a ton..
@SiNevesh
@SiNevesh Жыл бұрын
Can't say how much I appreciate these videos. Straight-forward, simple, and most importantly, useful!
@serhatbek6197
@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! :)
@true_visual
@true_visual 11 ай бұрын
No fluff, straight to the point! I really thank you for this video!
@michaelokellomykfrost
@michaelokellomykfrost Жыл бұрын
Man this was just amazing. You explain it with such simplicity without complicating and confusing the viewer. Thanks man
@jthomasaurus
@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
@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.
@anamihajloska9891
@anamihajloska9891 3 жыл бұрын
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!
@vadasdaweewa9036
@vadasdaweewa9036 5 жыл бұрын
Superb explanations. Wish your channel to grow, you deserve it.
@WebDevSimplified
@WebDevSimplified 5 жыл бұрын
Thank you! I already feel like I have grown so much.
@samalhabash2116
@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.
@matepavic1118
@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.
@irenazlo5173
@irenazlo5173 2 жыл бұрын
This tutorial has more knowledge than many 1hour+ tutorial videos. Well done!
@cswalker21
@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
@anselmleo4146 3 жыл бұрын
20+years ago.. what we had was more like web design.. but i feel you bro.. welcome back🤗
@avivperets7360
@avivperets7360 26 күн бұрын
Thanks man, i'm glad that every time im entering to KZbin 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.
@bmac-cz6rk
@bmac-cz6rk 3 жыл бұрын
I swear this guy explains things better than anyone else on the planet
@agatamaria5569
@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 :)
@shamiul_islam
@shamiul_islam 2 жыл бұрын
Efficient way of learning! Short, clear and easy to understand. Much appreciated. Keep up the good work.
@Developer-404
@Developer-404 4 жыл бұрын
This man is doing such a great job , the way he explain things are great. Thank you for you contribution👏.
@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! :)
@jagdishshetty4782
@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
@WebDevSimplified 4 жыл бұрын
Thank you. I am glad you enjoy my videos. Hopefully my future videos are just as helpful.
@aitolkunabdykaparova3926
@aitolkunabdykaparova3926 3 жыл бұрын
This is a really worth tutorial to watch for every newbie programmer. Finally started to understand the array methods. Thanks from Kyrgyzstan!
@LookNumber9
@LookNumber9 3 жыл бұрын
Beautifully done! Clear and concise as usual. Thank you!
@johnfrancisco6736
@johnfrancisco6736 3 жыл бұрын
Good, crisp, precise, and very understandable. Thank you so much. It was just what I needed.
@calebprenger3928
@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.
@noextrasugar
@noextrasugar Жыл бұрын
This video is only 10 minutes, but explained commonly used array methods so well! Ty for the great tutorial💯
@joohimks
@joohimks 3 жыл бұрын
This video will deliver the expectations you expect from the title. Simple and straightforward
@adrient104
@adrient104 3 жыл бұрын
I'm so glad I subscribed to your channel 😁 you've got a efficient way to explain things, thank you for the tutorials!
@sivakumarg98
@sivakumarg98 4 жыл бұрын
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 KZbinr 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.
@ZSd4cT
@ZSd4cT 2 жыл бұрын
Your channel is one of my main go-tos for programming knowledge. Keep up the good work, my friend.
@kiokoc0d3s
@kiokoc0d3s 5 ай бұрын
This is wholesome! Clean, Clear and Concise! Props
@alicemolinari1759
@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.
@S0m0neRand0m
@S0m0neRand0m 3 жыл бұрын
Dang, if I had had the smarts of typing my problem into KZbin a couple hours earlier... you saved me dude! (just starting this JS journey)
@ivydo5649
@ivydo5649 3 жыл бұрын
So simple yet helpful, thank you!!
@pk2068
@pk2068 2 жыл бұрын
Nice, simple, clear and short to the point. Thanks for this.
@splackna
@splackna 3 жыл бұрын
I've been working with firebase using for each without understanding it completely. Thank you for your insight and contribution!
@hikikomori69
@hikikomori69 4 жыл бұрын
Seriously thank you. This helped me past a huge block I had developed. Such a simple solution. Thank you!
@dylanoh3425
@dylanoh3425 4 жыл бұрын
Thanks for all the great jobs done, you have explained them very well! Keep it going!
@naimishahada1414
@naimishahada1414 2 жыл бұрын
This video has made my day ! I learnt so much that I really wanted to have the exact explanation ! Thanks buddy.
@jeffboomhaur778
@jeffboomhaur778 3 жыл бұрын
Dude this was the best video explanation for this possible. You make it simple. Thanks a lot just subbed 👍🏽
@Daniel-nk3oq
@Daniel-nk3oq 3 жыл бұрын
I really appreciate this tutorial! You were clear and consise in explaining these array methods.
@PKAnane
@PKAnane 4 жыл бұрын
Less than 1 minute in and I've subbed. Excellent exposition!
@NT-td1xr
@NT-td1xr 2 жыл бұрын
Thanks for explaining the reduce method in such an easy to understand way!
@acarvey
@acarvey 3 жыл бұрын
Your videos are always succinct and very helpful! Thanks so much!
@CommandoYi
@CommandoYi 9 ай бұрын
This simplified so much of the confusion I had around these methods. Subbed!
@johnnyholiday1150
@johnnyholiday1150 2 жыл бұрын
i love that most of his videos are fast-forwarded it makes it a challenge to keep up sometimes XD
@kingstonejob7840
@kingstonejob7840 Жыл бұрын
Straight forward, clean and clear, thanks a lot.
@SportsJames82
@SportsJames82 Жыл бұрын
Funny how much more helpfully and clear this is about these methods over some tutorials that spend 30 to 45 on each method
@LaChRiZ2k
@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
@petazeta76 3 жыл бұрын
it is includes not include
@blasm1713
@blasm1713 2 жыл бұрын
Name methods in js are much more natural
@slashd
@slashd 2 жыл бұрын
The C# names are much better!
@ghurammi
@ghurammi 4 жыл бұрын
After I watched only 2 of your videos, I subbed. Thanks for the great content and explanation!
@digitalkoh
@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...)
@magerrrr
@magerrrr 3 жыл бұрын
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.
@diogofelicio9532
@diogofelicio9532 7 ай бұрын
You helped me a lot, i was strungling with this array methods and i can't thank you enough
@jonjackson3695
@jonjackson3695 2 жыл бұрын
Every video you make is gold. Never unsubscribing
@carltongordon
@carltongordon 4 жыл бұрын
DUDE!!!!! you cleared up soooo much for me, thank you man
@WebDevSimplified
@WebDevSimplified 4 жыл бұрын
I'm glad I could help
@vladstankovic1050
@vladstankovic1050 3 жыл бұрын
No bullshit, just pure explanation. Awesome!
@hnasr
@hnasr 4 жыл бұрын
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 2 жыл бұрын
@@KSmith-md7po ah, yes, the two greats of the KZbin tech world saying hi. :)
@michaelcarnevale5620
@michaelcarnevale5620 2 жыл бұрын
@@WebDevSimplified ya u waste zero time, great reference material
@rassoulsaliou9950
@rassoulsaliou9950 2 жыл бұрын
@@yashlearnscode5502 1M101¹
@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.
@hosseinpanahy5358
@hosseinpanahy5358 10 ай бұрын
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♥️♥️♥️♥️♥️♥️
@dannysehn3979
@dannysehn3979 3 жыл бұрын
I was seriously thinking of the number 7 during your "includes" section :O
@dtwelve89
@dtwelve89 4 жыл бұрын
Awesome video Kyle. Your teaching style is great, thank you.
@WebDevSimplified
@WebDevSimplified 4 жыл бұрын
You're welcome!
@kartikeyjangir6003
@kartikeyjangir6003 3 жыл бұрын
Speech less 🔥🔥 crisp and clear !
@yubrajkarki2512
@yubrajkarki2512 4 жыл бұрын
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!
@ShahnawazSayyad
@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 👍
@arielspalter7425
@arielspalter7425 4 жыл бұрын
Excellent tutorial! Thank you for the upload.
@erickchavez4551
@erickchavez4551 2 жыл бұрын
A great video to review and understand better the uses of array methods. Thanks a lot!
@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 11 ай бұрын
Couldn't you just use an early return
@inteamneverwin1023
@inteamneverwin1023 5 жыл бұрын
Clean and tidy explanations, love it.
@WebDevSimplified
@WebDevSimplified 5 жыл бұрын
I'm glad you enjoyed it!
@bitetheapple8
@bitetheapple8 11 ай бұрын
great explanation of array methods in a simple, understandable way. Thank you!
@utkarshpant5297
@utkarshpant5297 Жыл бұрын
Finally someone explained reduced() simply
@PinoyGuitarTutorials
@PinoyGuitarTutorials 4 жыл бұрын
Crystal clear explanation! Subscribed! Thank you! :)
@marthae2015
@marthae2015 3 жыл бұрын
Helped me pass part of the entry challenge to the coding bootcamp I'm going for - thank you !
@maskman4821
@maskman4821 4 жыл бұрын
thank you Kyle for helping us review array operation
@code_magpie
@code_magpie Жыл бұрын
You have a great teaching method. You are really making things look easier.
@petarzafirovski6761
@petarzafirovski6761 3 жыл бұрын
Simply the best tutorial on array methods
@georgekrax
@georgekrax 4 жыл бұрын
Amazing, I now understand the reduce() function, after lots of videos!
@quangvo4868
@quangvo4868 3 жыл бұрын
Simple methods, yet very useful! Thank you for the awesome video.
@rolfchristensen9026
@rolfchristensen9026 Жыл бұрын
As always, great explaining of how to use things!
@ubermenschfallschirmjager7184
@ubermenschfallschirmjager7184 4 жыл бұрын
Much better than other channels. Kudos!
@charlesabboud1613
@charlesabboud1613 2 жыл бұрын
this just really nicely done, calm, simple and very well explained. thank you very much...
@S4LTYT
@S4LTYT 3 жыл бұрын
the most informative easy video on youtube about arrays
@joerodrigo9661
@joerodrigo9661 3 жыл бұрын
You really made it so easy to understand. Great!
@user-n1835
@user-n1835 2 жыл бұрын
Thank you for this. clearly explained and straight to the point
@BestBeatMakerEver
@BestBeatMakerEver 3 жыл бұрын
You have been a huge help to me. I'm forever grateful!
@Sunwarul
@Sunwarul 4 жыл бұрын
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.
@guillermodanielmazzarigiov1768
@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
@AdamBowersDeveloper
@AdamBowersDeveloper 4 жыл бұрын
Reduce is definitely my favourite Array method.
@PTM1008
@PTM1008 4 жыл бұрын
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.
@markay_
@markay_ 3 жыл бұрын
Daaaamn! And i‘ve been using for loops and if statements the whole time! Thx for the revelation!
@antonfranzen2233
@antonfranzen2233 4 жыл бұрын
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.
@joegreen6209
@joegreen6209 3 жыл бұрын
Thanks for this. Very succinct, clear video on JavaScript arrays.
@DavidWoodMusic
@DavidWoodMusic 4 жыл бұрын
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
@WebDevSimplified 4 жыл бұрын
That may be a KZbin record :P I'm really glad you enjoyed the video.
@jamesclark2020
@jamesclark2020 Жыл бұрын
Great examples man! Thank you 🙏
@byronnyayiera1393
@byronnyayiera1393 2 жыл бұрын
Very short and clear to the point. 🙏🙏
@theegreatestever2420
@theegreatestever2420 3 жыл бұрын
Thought I was already subscribed...Glad I realized I wasnt and did the right thing. You are an absolutely excellent teacher
@shuvajitmohanty9595
@shuvajitmohanty9595 5 жыл бұрын
Thank you so much...it really made a difference in my coding technics... Subscribed..
@WebDevSimplified
@WebDevSimplified 5 жыл бұрын
I'm glad I could help.
@javascriptmastery
@javascriptmastery 5 жыл бұрын
I was just planning on creating a video about array methods! Nice one! :)
@WebDevSimplified
@WebDevSimplified 5 жыл бұрын
Nice! Hopefully it goes well.
@NIrajKumar-cq2rh
@NIrajKumar-cq2rh 4 жыл бұрын
kzbin.info/www/bejne/hHnCnXaulpabrJo
@shaikshavalisyed2012
@shaikshavalisyed2012 4 жыл бұрын
Awesome...filter, map,find,forEach, every,some,reduce,includes.
5 Must Know JavaScript Features That Almost Nobody Knows
18:06
Web Dev Simplified
Рет қаралды 471 М.
All 33 JavaScript Array Methods In One Video
51:11
Code Explained
Рет қаралды 22 М.
FOOTBALL WITH PLAY BUTTONS ▶️ #roadto100million
00:24
Celine Dept
Рет қаралды 115 МЛН
Блоховирус !🦠 #симба #тигра #булли
00:57
Симбочка Пимпочка
Рет қаралды 9 МЛН
GADGETS VS HACKS || Random Useful Tools For your child #hacks #gadgets
00:35
Array Methods in JavaScript | 17 Useful Methods
42:39
DoableDanny
Рет қаралды 44 М.
JavaScript ES6 Arrow Functions Tutorial
9:32
Web Dev Simplified
Рет қаралды 806 М.
map, filter & reduce 🙏 Namaste JavaScript Ep. 19 🔥
37:42
Akshay Saini
Рет қаралды 826 М.
Learn JavaScript ARRAYS in 8 minutes! 🗃
8:06
Bro Code
Рет қаралды 14 М.
Learn JavaScript Array Reduce In 10 Minutes
10:22
Web Dev Simplified
Рет қаралды 193 М.
I Waited 15 Years For These New Array Methods
8:11
Web Dev Simplified
Рет қаралды 220 М.
Learn DOM Manipulation In 18 Minutes
18:37
Web Dev Simplified
Рет қаралды 1 МЛН
Урок 5. JavaScript. Promise. Что это, как работает (+ пример)
23:18
JavaScript Higher Order Functions & Arrays
34:56
Traversy Media
Рет қаралды 974 М.
JavaScript Pro Tips - Code This, NOT That
12:37
Fireship
Рет қаралды 2,5 МЛН
FOOTBALL WITH PLAY BUTTONS ▶️ #roadto100million
00:24
Celine Dept
Рет қаралды 115 МЛН