JavaScript - Sort JS Array in Ascending Order
Sorting JS Array in ascending order refers to arranging elements from the smallest to largest element. We can use JS array sort, sorting algorithms, and external libraries to sort array.
1. Using JS Array.sort() Method- Mostly Used
Pass the comparator function in array.sort() to sort the array in ascending order.
const arr = [ 10, 20, 25, 100 , 40]
arr.sort((a,b) => a - b)
console.log(arr)
Output
[ 10, 20, 25, 40, 100 ]
Please go through this, How to Sort Numeric Array using JavaScript?, to know how the javascript array sort function works.
2. Sort Array of String
The string.localeCompare() method is used to compare the strings alphabetically.
const arr = ['HTML', 'CSS', 'JS'];
arr.sort((a, b) => a.localeCompare(b));
console.log(arr);
3. Using Sorting Algorithms
The sorting algorithms like bubble sort can be used to sort JS array in Ascending Order.
const arr = [10, 20, 25, 100, 40];
function bubbleSort(arr) {
let n = arr.length;
// Traverse through all array elements
for (let i = 0; i < n - 1; i++) {
for (let j = 0; j < n - 1 - i; j++) {
// Swap if element is greater than next index
if (arr[j] > arr[j + 1]) {
[arr[j], arr[j + 1]] = [arr[j + 1], arr[j]];
}
}
}
return arr;
}
console.log(bubbleSort(arr));
Output
[ 10, 20, 25, 40, 100 ]
Check this article, Sorting Algorithms in JS, to know more about the sorting algorithms in JavaScript
4. Using Lodash.sortBy() method
The _.sortBy() method is used to sort the given data. It sort the given array in ascending order.
const _ = require('lodash');
const arr = [10, 20, 25, 100, 40];
_.sortBy(arr);
console.log(arr); // [10, 20, 25, 40, 100]
Output
[10, 20, 25, 40, 100]
