What is Array sort in JavaScript?

Array.sort is a powerful array method in JavaScript that allows you to sort the elements of an array in place and returns the sorted array. Whether you're organizing data, creating ordered lists, or preparing data for display, sort is an essential tool in every JavaScript developer's toolkit. It's perfect for when you need to arrange elements in a specific order.

1const numbers = [5, 3, 8, 1, 2];
2numbers.sort((a, b) => a - b);
3console.log(numbers); // [1, 2, 3, 5, 8]

In this example, we are sorting an array of numbers in ascending order. The sort function takes a comparison function as an argument. The comparison function determines the order of the elements. It takes two arguments: a and b. If the function returns a negative value, a is sorted before b. If it returns a positive value, a is sorted after b. If it returns 0, the order of a and b remains unchanged.

1Array.sort([compareFunction])

1Array.sort([compareFunction])

Example 1 - Sorting numbers in ascending order

1// Sorting numbers in ascending order
2const numbers = [5, 3, 8, 1, 2];
3numbers.sort((a, b) => a - b);
4console.log(numbers); // [1, 2, 3, 5, 8]

Let's break down what's happening in this example step by step:

Example 2 - Sorting strings alphabetically

1// Sorting strings alphabetically
2const fruits = ['banana', 'apple', 'cherry', 'date'];
3fruits.sort();
4console.log(fruits); // ['apple', 'banana', 'cherry', 'date']

Let's break down this example step by step:

1. We start with an array of strings called fruits.

2. We use the sort method to sort the strings alphabetically. By default, the sort method sorts strings in ascending order.

This is a common real-world example of using sort to arrange strings alphabetically.

Example 3 - Sorting objects by a property

1// Sorting objects by a property
2const people = [
3{ name: 'Alice', age: 25 },
4{ name: 'Bob', age: 30 },
5{ name: 'Charlie', age: 20 }
6];
7
8people.sort((a, b) => a.age - b.age);
9console.log(people);

So in this example, we are sorting the people by their age. We are using the age property as the key for sorting.

Let's break down what's happening in this example step by step:

1. We start with an array of objects called people. Each object represents a person with two properties:
   • name: The name of the person
   • age: The age of the person

1. We use the sort method to sort the people by their age. Here's how it works:
   • The comparison function (a, b) => a.age - b.age is used to compare the age of two people.
   • If a.age is less than b.age, the function returns a negative value, and a is sorted before b.
   • If a.age is greater than b.age, the function returns a positive value, and a is sorted after b.
   • If a.age is equal to b.age, the function returns 0, and the order of a and b remains unchanged.

This is a common real-world example of using sort to arrange objects by a property.

Practice Questions

It's best to try and solve questions related to the topic you are learning. Below are a set of practice coding challenges to help you understand how to use sort in JavaScript. They are real-world examples of potential problems you might encounter in your day to day work.

Additional Resources

• MDN Web Docs - Array.prototype.sort()
• JavaScript.info - Array methods
• React Documentation - Thinking in React (for seeing sort in action with React)

Common Interview Questions

1. How would you use sort to implement a custom sorting order?
2. Can you explain the difference between sort and reverse?
3. What happens if you don't provide a comparison function to sort?

Keep practicing and experimenting with sort - it's one of the most versatile array methods in JavaScript!

Read related articles

How to use split() in JavaScript

Understand how to use split() in JavaScript to break strings into arrays fo...

Logan Ford

•February 6, 2025•6 min read

What is array.at() in JavaScript?

Discover how array.at() makes working with arrays in JavaScript more intuit...

Logan Ford

•February 6, 2025•6 min read

What is length in JavaScript?

Learn how to effectively use JavaScript's length property to work with stri...

Logan Ford

•February 6, 2025•6 min read