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:
https://twitter.com/DevSimplified
GitHub:
https://github.com/WebDevSimplified
CodePen:
https://codepen.io/WebDevSimplified
#JavaScript #WebDevelopment #Array
You have a great teaching method. You are really making things look easier.
youre awesome bro thanks
Thanks
thanks!!! So clear!!
what keyboard and what switches do you use????
thanks brother, fantastically explained
Thanks!
Bro this is too easy, thank you for making this tutorial I learnt soooo much in such little time)) 🎉
Quality Content!
Clear and concise. Any good hair tutorials?
Can someone explain how he is able to type js in vs code, and have it run in the browser in real-time?
.forEach returns 2 parameters ( item, index ) which might be quite usefull sometimes
for filter you can simply say .filter( item => item.price <= 100 ); there's no need for the return
Harikasınız. Konular Muteşem.
you are the best teacher!
When learning Javascript you start to learn 10 percent then…. 5 years later you finish with the last 20 percent of knowledge.. Good stuff mate
This is magic ✨🪄 thank you!
nice man..
I have always wondered what performance gain there will be if instead of
arr.every(… x < y) — which will require going through the entire array to determine the case
you use
!arr.some(… x > y) — will only need to find one that breaks the case – worst scenario is, the last entry is the breaker – best case the first is the breaker.
Notice the negation for 'some' and the reversal of the operator < to > or > to <.
This guy is automatically at 1.5 pb speed ::))!
Eureka!!!!
my total is 20251000500510802001000
Doesn't seem to have any syntax that works for me. I get an empty array for this. [0], oops I mean array 0, well any how nowt.
I thought return was not required in arrow functions??
We should talk about the ASMR from the keyboard… Great tutorial, btw 🙂
Very useful video!
Thanks for the video but I wish you could share the short version of array functions 🙂
amazing, loved the video
Hi how do we add a new key value pair inside the array?
One of the finest video ever. Thanks Man. Keep Shining. ❤
the map one was very useful
Thank you. Good work
Straight forward, clean and clear, thanks a lot.
You can make some cool apps with literally just these methods. I'm thinking a mortgage payment app 👌
hey bro! I have been watching your tutorials from past few years but i have bad understanding in JavaScript if you could make a video for what purpose we use javaScript array method where we actually use it.
Man this was just amazing. You explain it with such simplicity without complicating and confusing the viewer. Thanks man
Thanks for the video
thanks
Great!
Any chance to hire you for a simple code?
(just hide a form field in a search form based on user role)
Well explained👌
What's the difference between includes and some?
Also, for reduce method, if the second argument is omitted, the method takes the first and second array items as current and item respectively. Just an FYI.
Funny how much more helpfully and clear this is about these methods over some tutorials that spend 30 to 45 on each method
CSS HOVER DROP DOWN MENU
https://youtu.be/_sQwsW0xYAE