Array Methods in JavaScript | 17 Useful Methods
HTML-код
- Опубликовано: 1 окт 2024
- Learn 17 useful array methods in JavaScript:
toString()
join()
concat()
splice()
slice()
indexOf()
lastIndexOf()
forEach()
map()
filter()
reduce()
some()
every()
flat()
find()
findIndex()
sort()
Check out my JavaScript array methods cheat sheet: www.doabledann...
Follow me on Twitter: / doabledanny
Subscribe to my channel: / @doabledanny
To be honest, I think this is the most underrated channel, your explanations are so clear for novice programmers like me when we get stuck on some concepts. I cant thank you enough!
Thanks, really appreciate that Parvathi!
Setup: 0:00
toString: 1:45
Join: 2:52
Concat: 3:53
Splice: 5:44
Slice: 9:25
IndexOf: 11:45
LastIndexOf: 12:48
Flat: 13:15
HIGHER ORDER ARRAY METHODS 15:48
ForEach: 16:09
Map: 19:48
Filter: 21:42
Reduce: 24:04
Some: 32:04
Every: 34:27
Find: 36:40
FindIndex: 38:10
Sort: 38:42
thanks, i was hoping someone had done this
I am so lucky to find this channel. Thanks for your efforts
Just to quickly summarise every 17 array methods:
toString(): Converts an array to a string with elements separated by commas.
join(): Combines array elements into a string, using a specified separator.
concat(): Combines two or more arrays into one new array.
splice(): Adds, removes, or replaces elements in an array at a specified position.
slice(): Copies a portion of an array into a new array.
indexOf(): Finds the first occurrence of an element and returns its index, or -1 if not found.
lastIndexOf(): Finds the last occurrence of an element and returns its index, or -1 if not found.
forEach(): Runs a function on each array element.
map(): Creates a new array with the results of running a function on every element.
filter(): Creates a new array with only the elements that pass a test.
reduce(): Reduces the array to a single value by running a function on each element.
some(): Checks if at least one element passes a test.
every(): Checks if all elements pass a test.
flat(): Flattens nested arrays into a single array up to a specified depth.
find(): Returns the first element that passes a test.
findIndex(): Returns the index of the first element that passes a test.
sort(): Sorts the elements of an array in place and returns the sorted array.
Thanks much needed 👍
@@Madfutof You're welcome
👍
24 carat gold it is
Had a terrible time understanding the methods for arrays and this has been the most helpful yet! Not only did you go over each method but exactly what they did with very clear examples. Thanks so much for making the video!
Even though I have been over all of these things several times, and use some of them all the time, I still like watching videos like this to keep things fresh in mind because I am quite forgetful with programming. Use it or lose it type of thing with me.
Thank you! This was the clearest explanation so far. Please, post more videos about JS topics.
Bro this video >>>> anything on Udemy
This was a great video, not overwhelming for newcomers. Thank you for you effort :)
This is awesome! Your explanations are so clear and easy to follow, thank you so much😊.
Thanx a lot - -I just built a nice cheat sheet --:)
Thanks
Nice video. Thank you 😊
nice content
A great seesion
I really thank you so much for your explanation. I understood every bit of it and it is very clear to me. Thank you SIR.
Miracles! Succinct definitions instead of mind boggling confusion. A rare thing.
this is so helpful thanks
Wonderful, easy to adapt and share with others, the one video holds everything regarding Array Methods.
This is awesome sir... you're underrated but we'll support you to be lionized ♥️♥️♥️♥️
cool video but so annoying when the keyboard and mouse are heard louder than the voice, yes I know programmers like this mechanical keyboard but in the video is....
Good explanation and I appreciate your effort. Please share a video series about data structures and algorithms with javascript. 🥰🥰🥰
Thanks Gayan. I might make some data structure & algo videos in the future. For now, you could check out my blog as I have quite a few articles on that subject: www.doabledanny.com/blog/
nice
This is awesome sir... you're underrated but we'll support you to be lionized ♥️♥️♥️♥️
Thanks, really great walkthrough.
I've always been a bit unsure about reduce() but if I understood correctly its when you want to loop through the array and have each of the values contribute to something bigger to represent the array, the video helped a lot.
I never realised the some() and every() function existed, I'll definitely make use of it to ditch Boolean flags and For Loops!
Thanks Ganesh, glad you found it useful! Yeah, I think you're right about reduce - it's when you want to loop through and reduce the array down to one value that represents something from the array (like the max value or total)
I still do not understand the reduce method after 2 and half years been working with JS
it's Excellent! thank you very much!
I have learnt n understand the basic work these methods of array thanks a lot your time n patience
Great explanation! Super easy to understand!
please make more JavaScript tutorials like this. Found it great as a beginner. Going over all the theory and examples then when I go for a walk I can listen to your channel and let it sink in even more! Thanks!!
very informative, thanks 🙏🙏🙏🙏
Thanks for sharing!
What's the extension in VS code installed?
Such as the hint when you use the method of "join" the string.
My JavaScript extensions are JavaScript (ES6) code snippets and ESLint
Thank you, really clear and efficient.
I think i just find the most underrated channel, BTW Thank you sir.
Thanks man
Great video and easy to follow. You also have a very calming voice that's pleasing to listen to. Cheers!
Thanks Jest!
Nice man keep this pace going
very good tutorial.
really appreciate your work!
Nice tutorial. Let me ask what extension HV u installed to make your vs auto suggest (predict what to type)?
@DoableDanny
at 7:43 I don't understand why you had to use the spread operator instead of just copying names into namesCopy? Is it because, technically, namesCopy would reference the same array in memory if you didn't do it the way that you did?
Great video, by the way!
Excellent bro
this is so helpful. thank you so much for putting this together.
Its very good one and explained every array method clearly.
Very informative session, Thank you👍
nice video indeed,
short and load of js cores
Damn, that was a great session.
Thanks man.
logic is nicely explained but naming variables sucks
Great video, thank you.