JavaScript Array Sort using Sort() Method

JavaScript Array Sort using Sort() Method

The JavaScript sort() method, In this tutorial, you will learn about the javascript sort() method. How it work with string, numbers and character. Javascript sort method is used to sort the elements of an array and return new array.

Array sort method is used to sort JavaScript Array if manual code will be written to write the array, it will take a long time. The javaScript Sort () function defines the value as strings. It works well for the strings. We will sort the array of element or items.

Sort Array javaScript

  • JavaScript sort() Syntax
  • Example 1: Basic array.Sort
  • Example 2: Numeric array.sort() in asc order
  • Example 3: Numeric array.sort() in desc order
  • Example 4: String Array Sort
  • Example 5: Extract minimum using array.sort()

JavaScript sort() Syntax

The following syntax reprenset the array.sort() method:

arr.sort([compareFunction])

Example 1: Basic array.Sort

This is the basic example of js array.sort() method is following:

 var arr = [5, 3, 10, 1, 6, 12]
document.write("Array before sorting = " + arr);
document.write("<br>");
document.write("Array After sorting = " + arr.sort());
Output
//// return
Array before sorting = 5,3,10,1,6,12
Array After sorting = 1,10,12,3,5,6

Example 2: Numeric array.sort() in asc order

Sort an array in ascending order using the js regular function.

var arr = [5, 3, 10, 1, 6, 12]
document.write("Array before sorting = " + arr);
document.write("<br>");
arr.sort(function(a, b) {
return a - b;
});
document.write("Array After sorting = " + arr);
Output
return //// Sort an array ascending order
Array before sorting = 5,3,10,1,6,12
Array After sorting = 1,3,5,6,10,12

Example 3: Numeric array.sort() in desc order

Sort an array in descending order using regular function.

var arr = [5, 3, 10, 1, 6, 12]
document.write("Array before sorting = " + arr);
document.write("<br>");
arr.sort(function(a, b) {
return b - a;
});
document.write("Array After sorting = " + arr);
Output
return //// Sort an array descending order:

Array before sorting = 5,3,10,1,6,12
Array After sorting = 12,10,6,5,3,1

When the sort() function compares two values, so it will always return true or false. We pass the array in javascript sort function than it will proccess and check, return sorted array.

Example 4: String Array Sort

Now, you have an array and it holds string values, and you want to sort using array.sort() method.

Let’s take a look the following example:

 var arr = Array("php", "python", "javascript", "c", "c#", "rust");         
document.write("Array before sorting = " + arr);
document.write("<br>");
document.write("Array After sorting = " + arr.sort());
Output
return ///

Array before sorting = php,python,javascript,c,c#,rust
Array After sorting = c,c#,javascript,php,python,rust

Example 5: Extract minimum using array.sort()

Extract a minimum value from an array.

 var arr = [5, 3, 10, 1, 6, 12]   
document.write("Array before sorting = " + arr);
document.write("<br>");
var result=arr.sort();
document.write("Minimum value of an array = " + arr[0]);
Output
//return

Array before sorting = 5,3,10,1,6,12
Minimum value of an array = 1

Recommended JavaScript Tutorials

Recommended:-JavaScript Arrays

AuthorAdmin

My name is Devendra Dode. I am a full-stack developer, entrepreneur, and owner of Tutsmake.com. I like writing tutorials and tips that can help other developers. I share tutorials of PHP, Python, Javascript, JQuery, Laravel, Livewire, Codeigniter, Node JS, Express JS, Vue JS, Angular JS, React Js, MySQL, MongoDB, REST APIs, Windows, Xampp, Linux, Ubuntu, Amazon AWS, Composer, SEO, WordPress, SSL and Bootstrap from a starting stage. As well as demo example.

Leave a Reply

Your email address will not be published. Required fields are marked *