
In this tutorial, Learn to sort an Array of numbers, strings, and objects in multiple ways. You can check my other post on Javascript check substring exists in a String
Sorting numbers in reverse order in javascript
Let us declare an array of numbers.
let array = [9, 2, 1, 5, 6, 0];
console.log(array);
array.sort() method sort the array in ascending order
arrayNumbers = array1.sort();
console.log(arrayNumbers)
And the output is
[ 0, 1, 2, 5, 6, 9 ]
Let’s sort the numbers in reverse order i.e. descending.
let arrayNumbers = array1.sort(function(a, b) {
return b - a;
});
console.log(arrayNumbers)
And the output is
[ 9, 6, 5, 2, 1, 0 ]
With Es6(ECMAScript2015), The same simplified using arrow functions as follows.
The code for Sorting the array in ascending order is
array.sort((first, second) => first - second);
sorting the array in descending order using the following
array.sort((first, second) => second- first);
Sorting numbers in reverse order in JavaScript
For suppose, stringArray is declared with strings.
let stringArray = ["B", "A", "Z", "Y"];
Sorting these numbers in ascending order is easy to sort and accepts call back with two arguments.
let resultArray = stringArray.sort(function(first, second) {
return first > second ? 1 : -1;
});
console.log(resultArray)
And the output is
[ 'A', 'B', 'Y', 'Z' ]
With ES6 syntax, using array functions, the same can be rewritten as follows.
let resultArray = stringArray.sort((first, second) =>{
first > second? 1 : -1;
});
String array sorting in descending order as follows
let resultArray = stringArray.sort((first, second) =>{
first > second ? -1 : 1;
});
Object Array sort by string property
For example, An array is declared with three objects.
let objectArray = [{
id: 1,
name: 'john'
},
{
id: 3,
name: 'Eric'
},
{
id: 6,
name: 'Franc'
}
];
In this example, we are going to sort objects in an array with the name string property.
let resultArray = objectArray.sort((first, second) => (first.name > second.name) ? 1 : ((second.name > first.name) ? -1 : 0));
console.log(resultArray);
And the output is
[ { id: 3, name: 'Eric' },
{ id: 6, name: 'Franc' },
{ id: 1, name: 'john' } ]
Conclusion
In this post, You learned how to sort an array of different following types.
- number array
- string array
- object array with multiple properties
I hope you learned new things from this post.