sort Array Method | JavaScript Tutorial

👉 Daily Coding Challenges: iCodeThis.com/?ref=ytb-js-sort
In this tutorial, we're going to learn about the #sort #JavaScript #Array Method and how it can be used to sort an array of items.
We're also learning why the sort method doesn't work by default on an array of numbers and how we can fix that.
JS Array Methods Playlist: • JavaScript Array Methods
---
Follow me on:
📃 Website/Blog: florin-pop.com
👉 Twitter: / florinpop1705

[@FlorinPop]

Check out the other videos in the JavaScript Array Methods series: kzbin.info/aero/PLgBH1CvjOA62PBFIDq55-S6Beivje30A2

[@iamibayat]

how do we sort the name ? You have shown the price only.

[@RafaelSales55]

Thank you a lot, I was stuck for like 7 hours trying to swap every array in the list. This method is so much simple and cool

[@clarinetisfying]

simple, short, and very clean explanation I was looking for! thanks!

[@AG-qp7gn]

Man, I thank god that I found you, thanks for tutorial, you saved me a lot of time. Love you man !

[@EazyE206]

Made it so clear, thank you!

[@darkopesevski9829]

Thank you so much for the clear explanation!

[@andrerodrigues3322]

Awesome explanation 👏🏼❤️ Thank you so much! Keep going :)

[@itsamazing22]

Now, I understand what sort is used for arrays. Thanks!

[@tammybatubo9525]

This is amazing florin. I follow you on twitter but this is the first time I came here. I finally understand this function

[@FlorinPop]

Happy to hear that 😃

[@EnzoAuditore]

Thank you mate!

[@haruNL]

great video and a good explanation for self-learner. too much appreciated.

[@benaliissameddine5697]

Thank you so much , this is very clear explanation!

[@naimurrahman9979]

I am grateful to you brother for easy explanation.. Thanks very much

[@TheFryPo]

Great tutorial, thank you!

[@gideonilm4983]

I was stuck in this thing. This really cleared things up.

[@A_Saban]

dude i have no words like what... you have no idea the wierd explanations I saw for this and you made it so easy. thank you

[@ivangelinelol]

Thank you for showing descening and ascending fantastic video

[@Sch0LarY]

clean and to the point, thank you.

[@FlorinPop]

Glad it helped!

[@jackfrost8969]

Excellent. Exactly what I was looking for.

[@jackfrost8969]

@@lycan2494 my pp is from db super though

[@Debjit_Adhikari]

Thank you so much. I was stuck on this sort() method. You made things easy.

[@saravanan.r5079]

Can you please explain why a comes first when it returns positive value...that's the confusion I have☹️

[@nitishkumargarikapati7767]

same doubt

[@Ii-fo8pq]

@@nitishkumargarikapati7767 > 0 sort a after b < 0 sort a before b === 0 keep original order of a and b Now subtract the values in arrays considering the first value as 'a' next value as 'b' one by one, if the subtraction returns positive integer i.e. >0 it'll place the value 'b' first in the array or if it returns

[@sauldownbadman876]

@@Ii-fo8pq still doesn't make any sense. Does a and b change? Like if a goes before b then does b become the new a?

[@uchennachukwuba]

​@@sauldownbadman876 This is just the convention that the sort() method follows in JavaScript, and it's important to keep in mind when writing comparison functions for sorting arrays of numbers or other types of elements.

[@tramarthomas6105]

​@@Ii-fo8pq thanks, I had no clue what he meant by 'comes first'

[@veekay2254]

Natural teacher!

[@Philosophy.and.Tostitos]

Thank you! just exactly what I was looking for :)

[@FlorinPop]

Glad I could help!

[@denyslinetskyi]

Thank you so much!)

[@Anonymous-ns2yf]

thank you so much . I was stuck there

[@user-sy9gi9kn2o]

thank you!

[@clintona1855]

Great explanation.

[@smridhisingh111]

Thank you for making the video it helped me a lot while i was confused.

[@gyanology3356]

Nice video sir. It helped me very much to understand the concept. Thankyou very much for making such amazing content like this.

[@Mariamasmind]

thanks a lot for this video!!!!

[@miedsekadse7136]

Great video, thanks.

[@scorpawe]

very helpful. you have my thanks

[@procopio3274]

Thank you for this.

[@kolbecrypto2976]

Tnx florin was usefull

[@RICK_OP_]

Thanks a lot bro

[@nishatislam3495]

best explanation, thanks, sir

[@user-di5lg3dh7f]

thank you my friend

[@AbhishekSingh-rs6tx]

well explained, thank you sir :)

[@luciano7093]

thank Bro good explanation

[@jitendrasoni191]

Gajab Sirg

[@AmberRathour366]

Well explained

[@rituparnasarkar5032]

Thank you😊

[@SadmanRyanRiad]

great explanation.

[@joaopedroalves6777]

javascript is prety cool. Also, thanks for the explanation, very clear and concise.

[@ilya_123__]

thank you

[@kubilayistikam6382]

keep good work up bro

[@moududahammed880]

Explanation was short and sweet . Frankly speaking , I got the main point .

[@FlorinPop]

That's the goal! 😁

[@alanwalker5845]

Finally understood. Read shit loads of blogs but nowhere was that greater and smaller condition mentioned properly, all of them just stated condition.

[@AigleLee18]

Thank you for the great explanation

[@FlorinPop]

Glad it was helpful!

[@second_inning_development]

thankyou, you gain a subscriber

[@frankndungu5268]

I love this

[@muadzrosli]

Hi @florin pop. I am no clear about the compare function you put inside sort method. How the comparing is done to sort all numbers because the compare function has a and b which are two parameters? Does sort method take number at index 0 and compare to at index 1, etc?

[@FlorinPop]

Yes. It takes all the pairs starting with 0 and 1, then 1 and 2 and so on until it’s sorted. It might even go back on testing 0 and 1 again, but I’m not sure 100% which algorithm is used in JS for sorting.

[@muadzrosli]

@@FlorinPop thanks. Anyway, I would also think that the method keeps checking until all elements are sorted correctly.

[@FlorinPop]

Yes

[@prizonier2]

@@FlorinPop Wouldn't that take a very long time if you'd have many numbers ?

[@suprabhatkumar5478]

Awesome. Thank you brother

[@FlorinPop]

My pleasure

[@sagarkamble7810]

Thanks

[@kevinbegin3049]

Super helpful tutorial. I was trying to sort arrays of numbers and couldn't figure out why it wasn't working as expected and what exactly happened when you told sort to use 'a-b'. You gave me all the info I needed. Thank you!

[@FlorinPop]

Glad it helped ☺️

[@ryeasv]

Thankyou

[@buildmediapro]

Nice, Thank you so much

[@FlorinPop]

You are most welcome

[@simple8810]

very well explained m ur new subscriber

[@vivekbhatt3932]

Got it bro! 👍

[@FlorinPop]

Great!

[@Aakash-yh8ou]

Thnx a lot sir

[@FlorinPop]

My pleasure to help!

[@ritikdwivedi12]

Thanks Pop

[@RafaelMendes-yw2jm]

Yeah... if we need to sort between an object parameter that can have strings or integers, what suggestion could you recommend here?

[@bama2619]

fun tricks in sorting. Thank you

[@FlorinPop]

You're welcome! 😃

[@errorsolver4994]

awesome

[@ThrashDawg]

Thanks, I was unsure about how things "came first" until I came across this video.

[@FlorinPop]

Glad it helped! 😁

[@highlycurious]

great help thankyou sir

[@FlorinPop]

You are welcome!

[@digiexploration530]

great stuff, reall easy to understand. I am a newcomer. Compare that with MDN page on sorting lol

[@jitujahagirdar613]

How to sort mix array where it has number, letter and emoji symbol .? [“q”, 9,5,🤪, 🤨1,6,3,8,😊 , “a” “g”]

[@fethisert5527]

Thank you sir

[@ayMillmusic]

First part of this series that I'm completely lost 😂

[@Agustin-jo8mv]

Damn I wish I know 10% of Florins JS knowledge! I saw your 10 projects in 10 hours so proud of you. haha.

[@datawrangler8565]

how did you get the output on the right hand side of vs code? have tried everything but i can only ues a browser to print out my console. Have tried installing all the extensions on vs code but it doesn't work

[@shalauddinahmedshipon6387]

Thanks bro

[@Smazzish]

Nice

[@hamzailyas9053]

Hello Florin ! My Question is How i Find Third Largest Value Using set, sort and reverse in JavaScript ?

[@cooljohnny9402]

man, love this format. Damn! :D Keep'em going. be careful of le burnout haha

[@FlorinPop]

I will be! 😆

[@puneetwasan771]

How would it pick up the values of 'a' and 'b' from the array?

[@christosbinos8467]

"a" and "b" are variables that stand for any 2 given numbers in the array. The .sort() method runs through every element of the array. When you pass a function which contains a - b in it, you're telling the sort method to go over the entire array and subtract index[0] from index[1], then index[2] - index[3] etc. Where the confusion exists for many is that the .sort method checks whether the output of that subtraction is less than 0 or not (we don't write that code, it's included in .sort, hence what makes it a method.) The sort method knows which number is bigger because if you subtract 3 - 6 (a - b) you will get -3. That means that b is bigger than a. In order for the result to be positive it would have to be 6 - 3 (a - b) which equals 3. Therefore the number to the right is smaller than the number to the left and is therefore moved one position closer to the beginning. The .sort has an internal algorithm which when passed (a-b) subtracts all the elements of the array with each other to determine which number is larger. It determines this by seeing whether the output of each subtraction it performs is positive or negative. If the result is negative then b must be bigger than a, therefore it must move closer to the beginning.

[@simonesalvalaggio]

How do you use the terminal as a preview screen?

[@saabbaaz9369]

What editor are you using here? thanks

[@FlorinPop]

VSCode.

[@YouCantGetBrokeByGiving]

nice

[@negativepunk9638]

if(array.length > 2) a = current; b = next; .sort() method is looping over the array I hope you gets it, this is the simplest way I could explain it

[@negativepunk9638]

this is for the people confused what a and b are for

[@ShaunDVine]

Thank you. I had been struggling to sort years in a filter in ascending order. This did the trick.

[@FolakemiOgunseiju]

should it be minus or to? Because it confused me

[@Emma-eb5zb]

How can I sort divs by their id number?

[@ultronsam1214]

In your example you said a is 10 and b is 5. I thought those letters could be represented as; current, previous. Where 5 is current and 10 is previous, and that'd be -5. Hence, 5 would be sorted first. Anyways, I appreciate the video, it helped me to understand some things. God bless! Correct me if I'm wrong tho.

[@random__handle]

Actually a is the current and b is the next, or if you will a is the previous and b is the current. In any case it's in the same order as you write "(a, b)"!

[@sallylauper8222]

It's deceptively simple!

[@prajulsahu9838]

Hey, what to do if I have a symbol infront of numbers in number array, like, [$74, $18, $10, $2, $84, $24, $105]?

[@FlorinPop]

Those are strings. In the sort function you’ll have to convert them to numbers and compare it that way

[@random2059]

.sort () use bubble sort internally ??????

[@mrgamerzyt3945]

is it fixed now ot smth? because the .sort() is working for numbers now

[@manueduardo2002]

oh man, I don't speak english but your video is so good that I could understand

[@AccordingtoWarren]

Does anyone know what the run time of this sort() method is?

[@FlorinPop]

twitter.com/florinpop1705/status/1594600268385357824?s=46&t=iVn_uTF2LYs7nB1sYBhSxQ

[@scottcoleman5438]

Hello, new to JS, and I put this code in without the function and it sorted the numbers automatically. Is this a new function added since this video came out? const numbers3 = [12, 87, 23, 42, 33, 99, 43]; numbers3.sort(); console.log(numbers3);

[@AbhishekSingh-bi4yp]

It sorts in only in ascending order

[@sherbekamirov4354]

respect

[@nayyarabbas4482]

can someone tell how is his terminal automatically updating with console.log("")??

[@FlorinPop]

Nodemon

[@libradev9786]

if I have -> const products = [ {name: 'laptop', weight: {n_weight: 2, g_weight: 2.3}}, {name: 'desktop', weight: {n_weight: 5, g_weight: 5.6}} ] how to sort n_weight or g_weight

[@adebusoyeolajideadewumifun9122]

how do i return a name in an array?

[@FlorinPop]

I need more details in order to help you

[@iamibayat]

how do we sort the name ? In video the price is shown only.

[@jritzeku]

products.sort((a, b) => a.name.localeCompare(b.name)); //localeCompare( ) "Determines whether two strings are equivalent in the current locale."

[@henokbekele7523]

@@jritzeku can you do the same thing with out using .localecompare()

[@rqd3]

you are literally scratching the surface and letting us pressume that the sort() function does all the magic by itself.

[@negativepunk9638]

not neccesarily, this is as clear and straightforward as it could get. Do you want him to teach you from variable assigning? If you cant catch up with him, you need to go back reviewing what you have learned so far. This is like level 2 JavaScript out of 10 level.

[@b1upp]

You can also read about it in MDN. Personally I find it a quite straight forward video.

[@dkcompilation9653]

The number short only shorts the first number

[@nadeemakramansari1331]

In a nutshell can I say, a - b -> accending order while b - a -> will be descending order ?

[@FlorinPop]

I think you can

[@nadeemakramansari1331]

@@FlorinPop thanks