Sorting Arrays

Introduction
Sorting arrays is an important concept in JavaScript that allows developers to organize data in a specific order. It is commonly used when working with numbers, text, or objects to improve data readability and functionality in applications.

Understanding Array Sorting
JavaScript provides a built in method called sort which is used to arrange elements in an array. By default, the sort method converts elements into strings and sorts them in ascending order.

Basic Syntax
array.sort()

Example

let fruits = ["banana", "apple", "cherry"];
fruits.sort();
console.log(fruits);

Output
apple banana cherry

Sorting Numbers
When sorting numbers, JavaScript may not return correct results by default because it treats numbers as strings. To fix this, a compare function is used.

Ascending Order Example

let numbers = [40, 5, 25, 10];
numbers.sort(function(a, b) {
return a - b;
});
console.log(numbers);

Descending Order Example

let numbers = [40, 5, 25, 10];
numbers.sort(function(a, b) {
return b - a;
});
console.log(numbers);

Sorting Strings
Strings are sorted alphabetically by default using sort.

Example

let names = ["Zara", "Ali", "John"];
names.sort();
console.log(names);

Sorting Arrays of Objects
Arrays can also contain objects. Sorting them requires specifying the property to compare.

Example

let users = [
{name: "Ali", age: 22},
{name: "Sara", age: 18},
{name: "John", age: 25}
];

users.sort(function(a, b) {
return a.age - b.age;
});

console.log(users);

Reverse Method
The reverse method is used to reverse the order of an array after sorting.

Example

let numbers = [1, 2, 3, 4];
numbers.reverse();
console.log(numbers);

Key Points
Sorting helps organize and manage data efficiently
Default sorting treats values as strings
Use a compare function for accurate number sorting
Sorting can be applied to numbers strings and objects

Conclusion
Sorting arrays in JavaScript is a fundamental skill for developers. It allows better data handling and improves user experience in applications by presenting information in a structured way.

Home ยป Intermediate JavaScript > Arrays > Sorting Arrays