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)

[ 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));

[ 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]