JavaScript Comparator Function | Sorting Explained!

[@TheCodeCreative]

🎓 New Course Available! "Scrollytelling 101": store.thecodecreative.com/scrollytelling

[@teenytinytoons]

holy smokes. the most thorough video on a comparator function ever. this made it really click for me. amazing walk-through and explanation.

[@TheCodeCreative]

Great to hear, thanks for watching!

[@romanmontoya5950]

not only did I fully learn and understand the logic behind the comparator function, but I also found myself starting to relax and peacefully enjoy learning it just by the cadence and tone of your voice. Thank you! Just subscribed

[@TheCodeCreative]

Excellent! Thanks for subscribing Roman!

[@teenytinytoons]

1000% percent. He's such a natural.

[@23Kattayopp]

you have no idea how much content i've watched until finding this video that made everything so clear for me! thanks a lot, Gregg!

[@TheCodeCreative]

Glad it helped!

[@mondirhallouli]

really hits the spot in my ADHD brain! glad I found this video. now I understand the comparator function much better!

[@TheCodeCreative]

That's great to hear Mondir. 👍🏻 Thanks for watching!

[@Nightizm]

couldn't' agree more!

[@numanakhtersiddiqui6573]

finally someone explained this in such an easy manner.💕

[@TheCodeCreative]

Glad to hear!

[@e-prog9968]

Amazing! Showing the reason why it is sorting the way it sorting was the best part! Thank you!

[@TheCodeCreative]

Glad you enjoyed it!

[@kerisek11]

I have 4 best-rating courses on Udemy, but this teacher is THE BEST.

[@TheCodeCreative]

Thank you for watching!

[@ChabPoha]

underrated ytber , only vid on yt who perfectly explains the sorting method hats off bro ,

[@TheCodeCreative]

I appreciate that!

[@samialvi4226]

This has to be the best every explanation on comparative function! Thanks Mate

[@TheCodeCreative]

Glad it was helpful!

[@arinzeodukwe2862]

Finally, I understood the logic behind this "compareFunction" callback function. Thanks a lot.

[@TheCodeCreative]

👍🏻👍🏻👍🏻

[@syedzidane940]

I finally understood the sort method and comparator function but what I don't understand is how come this guy only has around 8K subscribers!?? Given the quality of the content, imo he should have atleast half a million subs

[@TheCodeCreative]

Thank you, working on it! :-) Happy New Year!

[@andresfelipeladinoespitia]

Thanks my man! I'd been searching for a clear, straightforward, and hands-on explanation to no avail. That's until I got to your video. Great work!

[@TheCodeCreative]

Great, glad it was helpful!

[@rich4363]

i love how thorough you were. i watched it twice and now i can see so many ways that this will be useful.

[@TheCodeCreative]

Excellent, thanks for watching!

[@MrRameez420]

why this video has so few views? he literally explained it in a way I'll never forget my entire life!

[@TheCodeCreative]

Thank you, glad it was helpful!

[@locle9389]

Thank You So Much. I've been flipping through hours of videos and documentations but still struggle to understand what the comparator function do. Your video definitely makes things clearer especially when you wrote out the if statements and have them return -1, 1, and 0. Everything just clicked.

[@TheCodeCreative]

Glad it helped!

[@omarvayani3452]

for a channel that teaches this well it deserves more subs👍

[@TheCodeCreative]

Thank you so much 😀

[@ravanabuddha3955]

I was stuck with the problem of writing a custom sort for my nested array and when I found the MDN docs for the topic I couldn't understand the logic behind returning 1, -1 & 0. But sir you explained so well and really saved me & made my day, I can't thank you enough.

[@TheCodeCreative]

Thanks for watching. More to come!

[@farazk9729]

Thank you so much. a) Very organized explanation and easy to understand. b) Soothing voice in the midst of this confusion called learning. c) Liked and subscribed. Thanks again,

[@TheCodeCreative]

Great to hear, thanks for watching!

[@atmsudawa6925]

Wow!!! finally i understand this sorting topic in an easier way. The analogy in this video will help even a slow learners thanks

[@TheCodeCreative]

Glad it was helpful!

[@shawnmichaelalberto7519]

Explained it a lot clearer than other tutorials. You just earned another subscriber!

[@TheCodeCreative]

Awesome, thank you!

[@victoriapanidi1419]

Thank you so much!!! This is one of the best explanation videos that I ever have seen about this topic.

[@TheCodeCreative]

Glad it was helpful!

[@65189sumon]

Finally I understand Array Sorting. Thank you very much

[@TheCodeCreative]

Glad it helped!

[@tenzinwoeser6842]

Really clear explanation. Love how you explain return logic and the charCodeAt logic. Thanks

[@TheCodeCreative]

Glad you liked it

[@viveknepal8959]

I was so confused before, thank you so much to explain this in such a simple and easier way.

[@TheCodeCreative]

Great to hear!

[@btssugahit4663]

Bro you deserve million of subscribers. I watched a lot of videos before i finally found this masterpiece. Thank you so much it really helped a lot. Hope our professors would teach the way you do.

[@TheCodeCreative]

Thank you so much 😀 It's encouraging to know that the videos are helpful. 👍🏻

[@thedevguild7525]

Wow you are very good! Probably the best in explaining the comparator function. So far, you might be the only one who show the respective utf code, and also be comprehensive enough to show for alphabets and numbers. Liked plus Subscribed!

[@TheCodeCreative]

Great, thank you! Glad it was helpful 👍🏻

[@mayankverma4638]

Hands down the best explanation, Thank you very much!

[@TheCodeCreative]

Glad it was helpful!

[@rhoastabotch]

This is a 10/10 explanation. Thank you so much bro.

[@TheCodeCreative]

Glad it helped!

[@stgermanrobert]

Thanks to this video I could do exercise number 8 of Jonas Schmedtmann's coding challenge about array methods! Thank you so much, nice voice btw!

[@TheCodeCreative]

You're very welcome!

[@thecodelife9855]

thank you for explaining this in depth. Other people were just repeating what was written in w3schools website.

[@TheCodeCreative]

Great, thanks for watching!

[@2010chalupa]

I wanted to thank you for the video, I could understand better the a-b logic, and I also had some fun while learning. Keep posting videos like this, means a lot for some of us, even when English is not our first language, we learn a lot.Thanks again.

[@TheCodeCreative]

That's great to hear. Thanks Ezequiel!

[@samuelpalacios9661]

Finally! What a clear explanation, thank u!! I would love if you make a video explaining what return is :)

[@TheCodeCreative]

Do you mean "return" as in a return statement within a function?

[@samuelpalacios9661]

@@TheCodeCreative Yup, return statement within a function

[@sebastianrodelo7965]

Thanks!!, this was breaking my head. Greetings from Colombia.

[@TheCodeCreative]

Great, thanks for watching!

[@abhigyansarmah716]

That was just too good. Thank you so much for such a lucid explanation. Keep contributing your knowledge. There are very few people out there who can teach concepts in such detail.

[@TheCodeCreative]

Great, thanks! Glad it was helpful!

[@abhigyansarmah716]

@@TheCodeCreative It was indeed very helpful. Thanks again.

[@leviciarrocchi7895]

Wow! This video is amazing. I was trying to understand this function and how it works, and with your tips now I understood! Thankyou

[@TheCodeCreative]

Glad it was helpful to you Levi. Thanks for watching!

[@princesamuelyt]

i encourage you to do more tutorial , i never have i ever commented on some tutorial videos this was the first one the way that you explain is was so good ,keep doing it

[@TheCodeCreative]

Great to hear, thanks for watching!

[@okaybossiamonyoutubeakkskd]

thank you sir for the beautiful explanation. You really deserve a lot more subs

[@TheCodeCreative]

Thank you too

[@robinsajwan5976]

Sir, your way of explaining is too good, 💎

[@TheCodeCreative]

Thanks Robin!

[@mohammadhosseinjahanbakhsh2159]

thank u! your channel is underrated

[@TheCodeCreative]

Thank you!

[@akshaydeogaonkar7120]

When it was at 09:35 I instantly subscribed! 🤣🤣🤣😇😇

[@TheCodeCreative]

😀 Spice up your life!

[@lycan2494]

the only good video on basic sort so far

[@TheCodeCreative]

Glad it was helpful!

[@쎄쌤독일어]

Thank you so much for your excellent explanation. Now I really do understand the logic behind those dubious comparator functions after having read it in a book. Great video! I subscribed right away

[@TheCodeCreative]

Excellent!

[@mitchtembo487]

Thank you for this video . Just loved how you thoroughly explained everything . looking forward to learning more topics with you

[@TheCodeCreative]

Hey Mitch! Thanks for the comment. More videos coming soon 👍🏻

[@mightydudegrafuroam8424]

Simple and concise. Thanks for the vid man!

[@TheCodeCreative]

Great, thanks for watching!

[@girveriusmcfarland5716]

Sir you are God sent! Thank you so much! It make perfect sense now.

[@TheCodeCreative]

Great! 👊🏻👍🏻

[@FourDollarBill]

Exactly what I was looking for. Thank you!

[@TheCodeCreative]

Glad to hear! Thanks for watching!!

[@Khamzat_07]

Literally Perfect ! Just Perfect ! 😘

[@TheCodeCreative]

Thank you so much!!

[@sagarsuryawanshi8735]

Superb explanation , with meaningful insights!!!

[@TheCodeCreative]

Great to hear, thanks for watching!

[@themissingavett]

Thanks! you explained this so clearly and thoroughly. Well done good sir.

[@TheCodeCreative]

Glad to hear, thanks for watching!

[@tomasgilamoedo8301]

Spectacular explanation! really appreciate it, thxz man

[@TheCodeCreative]

Glad you liked it!

[@thydevdom]

I think I finally found the perfect pace and instructor….

[@TheCodeCreative]

Perfect! Thanks Dominik!

[@_tanzil_]

Wow! You made that easy to understand for me. SUBSCRIBED

[@TheCodeCreative]

awesome, thanks!

[@dapolcio3405]

The best explanation ever.

[@TheCodeCreative]

Glad to hear! Thanks for watching 👍🏻

[@matt112fly]

i wasnt sure how the -1 and 0 and 1 affect the returned result.. thanks for claryfing things up !

[@TheCodeCreative]

Awesome!

[@masterDarts4188]

Thank you for this detailed description, I wanted to ask a question. For the comparitive function , how exactly does it compare the values ? By that I mean, does it take the first number 2, then compare it with the five ? Then does it take the 100 then compare it with the 4 ? Or does it take the 2 then compare it with every other number in the array, then do the same thing with the 5 until it's finished ? It's a small detail, but I curious how exactly it does the sorting.

[@alexlions8633]

great explanation that I have ever seen, thank you

[@TheCodeCreative]

Glad you enjoyed it!

[@codebykeoma]

Great video! I am clearer on this topic now.

[@TheCodeCreative]

Excellent!

[@edwinly9865]

Seriously well explained! !

[@TheCodeCreative]

Thanks for watching Edwin!

[@deus3404]

THANK YOU! Keep up the good work!

[@TheCodeCreative]

Thank you!

[@mirelahi2291]

such a good content! Keep up the good work. Thanks.

[@TheCodeCreative]

Thank you for watching!

[@abdurahmanargoebie3149]

Thanks for your explanation make me understand about sort function javascript👍

[@TheCodeCreative]

Excellent! Any other topics you'd like to see a video on?

[@andromilk2634]

Hi, thanks for the very clear explanation, it's the first video I see which explains it in depth to this extent. There's just something which I was wondering about the comparator function : how exactly does it do the comparison between the different elements in the array? What exactly is happening behind the scenes? Some special kind of algorithm is implemented to compare the elements in a certain order? (is the first element compared to all the other elements of the array, then the second to all the others until the end, etc. or something else?) Hopefully my question makes sense.

[@neo90sr]

Just what I was looking for, very clear explanation. Thanks 👍

[@TheCodeCreative]

Great to hear!

[@itsreason3238]

Thank you. I like to learn how and why something is the way it is. I intend to reverse engineer the sort method myself to fully understand and appreciate the method. I think I can do it by using nested for loops and conditional logic.

[@TheCodeCreative]

Right on!

[@muneebnawaz1392]

Thanks.. you just explained it in simplest way💖

[@TheCodeCreative]

Excellent, thanks for watching!

[@shubhamh7451]

Thank you so much, pretty clear explaination! subbed

[@TheCodeCreative]

Thanks for the sub!

[@éosingas]

Im pretty sure you could teach an Ant to become an austronaut, but for real, i wasn't understanding it clearly but you made it simple for me, thank you!

[@TheCodeCreative]

Glad I could help!

[@nehalsingh785]

Awesome Explanation

[@TheCodeCreative]

Glad it was helpful!

[@SamShiFitness]

Woow Thank Budy !!! Finally i understand a-b or b-a Thank You So Much Brother Keep It Up

[@TheCodeCreative]

That's great to hear, thanks for watching!

[@mardokahvejian4847]

you are the best explainer thank you so much

[@TheCodeCreative]

Thank you!

[@mohamedyoussef8835]

best explanation 🙂

[@TheCodeCreative]

Thanks Mohamed!

[@georgeem9954]

Clearly explained.Thank you

[@TheCodeCreative]

Glad it helped! Feel free to join the Facebook group: facebook.com/groups/thecodecreative

[@fullStackInKannada]

Very nice explanatory, thank you so much for that.

[@TheCodeCreative]

Thanks for watching!

[@compean7360]

Finally I could understand, thanks!

[@TheCodeCreative]

Glad it helped!

[@subhashgn1775]

Thank you. Very well explained.

[@TheCodeCreative]

Thanks for watching!

[@ricardotijerina886]

Wow! Good job mate! Very well explained. New sub. 👍🙋🇲🇽😁

[@TheCodeCreative]

Thanks Ricardo and thanks for watching!

[@AbdulhafizTurdimuhammedov-s5e]

Thank you, It was really useful

[@TheCodeCreative]

Glad to hear that!

[@ShopperPlug]

Excellent explanation.

[@TheCodeCreative]

Glad to hear!

[@FiveFourThor]

amazing tutorial!! 😁

[@TheCodeCreative]

Cool, thanks!

[@AlphaWatt]

This is great. Thank you very much!

[@TheCodeCreative]

Glad it was helpful!

[@aravindm6124]

fantastic explanation !!!! , Thanks much!!!😀

[@TheCodeCreative]

Glad it was helpful!

[@0xR3Ze]

Thank You, I hope you get more views Sir!.

[@TheCodeCreative]

Thank you too!

[@rameenana]

Thanks man. This was helpful.

[@TheCodeCreative]

Great to hear!

[@sirinongorur5676]

Very good video with a good explanation!!

[@TheCodeCreative]

Thanks Sirin, glad to hear!

[@VanVlearMusic]

This was great, thank you!!

[@TheCodeCreative]

Glad it was helpful!

[@StrangerDanger352]

Loved it you teaching so good Thank you :)

[@TheCodeCreative]

Glad it was helpful!

[@draganbogdan4267]

Great teacher!

[@TheCodeCreative]

Thanks Dragan!

[@josephisaac6664]

a tiny correction, in the comparator function, the first argument(a) is actually the second value of a pair of adjacent values being compared. So in the case of [2, 5, 100, 4], on the first iteration, a is 5 and b is 2. It's a little counter intuitive but in that case, a < b means 5 < 2. If true, we return a negative number, which means a should be before b, that is 5 should be before 2. (This is false) Else if a > b i.e., 5 > 2, we return positive number, which means b should be before a, that is 2 should be before 5. (This is true)

[@SumoLife]

Superb explanation!

[@TheCodeCreative]

Glad it was helpful!

[@pranabroy8218]

Very well explained.

[@TheCodeCreative]

Thanks for watching!

[@gemrwx]

The first iteration a is going to take the value of the second item in the array and b is going to take the first item of the array. [5, 2] comparatorFunction(a, b) // a = 2 and b = 5

[@Thikondrius]

I see indeed, do you know why ?

[@amedeocalzolai156]

Great explanation thanks 🙏

[@TheCodeCreative]

Thank you for watching!

[@sumaganjal]

Thank you, finally understood

[@TheCodeCreative]

Great! 👍🏻

[@hasnainAliDev]

Cool Explanation I was looking for long time...thanks TCC(TheCodeCreative)

[@TheCodeCreative]

Glad it was helpful Hasnain Ali, thanks for watching!

[@Kiarash7042]

thank you very much you explained it very well

[@TheCodeCreative]

Thanks for watching!

[@penguinxed]

well explained sir, thank you :)

[@TheCodeCreative]

Most welcome!

[@ShubhamPal-yi9kp]

thanks for the teaching

[@TheCodeCreative]

Thank you for watching!

[@btw_alya]

really really thanks a lot🙏🙏 this makes all clear for me about sort method thanks to you🙏 i really appreciate your efforts sir🙏 thank you so much this is really appreciable🌸✨ thank you once again for saving me✨

[@TheCodeCreative]

Happy to help!

[@mediationbreaksessions524]

great breakdown sub'd!

[@TheCodeCreative]

Great! 👍🏻👊🏻