JavaScript Array sort()

Posted by

Method

Introduction to the JavaScript Array sort() Method

In JavaScript, the Array sort() method is a built-in function that can be used to sort an array. It is a powerful tool that can help you take an array of values and order them according to your specifications. This method can be used to sort numbers, strings, and even objects.

How to Use the JavaScript Array sort() Method

Using the Array sort() method is relatively simple. All you need to do is call the sort() method on an array, and it will return a new array that is sorted in the order you specified.

Sorting Numbers

If you are sorting an array of numbers, the default sorting order is from smallest to largest. To sort from largest to smallest, you can pass in a comparison function as an argument to the sort() method. The comparison function should return a negative number if the first argument is greater than the second, a positive number if the first argument is less than the second, and zero if the two arguments are equal.

For example, if you want to sort an array of numbers from largest to smallest, you can use the following code:

[dm_code_snippet background=”yes” background-mobile=”yes” slim=”no” line-numbers=”no” bg-color=”#abb8c3″ theme=”dark” language=”php” wrapped=”no” height=”” copy-text=”Copy Code” copy-confirmed=”Copied”]

let numbers = [5, 10, 2, 8, 1];

numbers.sort((a, b) => {
  return b - a;
});

console.log(numbers); // [10, 8, 5, 2, 1]

[/dm_code_snippet]

Sorting Strings

If you are sorting an array of strings, the default sorting order is from A to Z. To sort from Z to A, you can pass in a comparison function as an argument to the sort() method. The comparison function should return a negative number if the first argument comes after the second alphabetically, a positive number if the first argument comes before the second alphabetically, and zero if the two arguments are equal.

For example, if you want to sort an array of strings from Z to A, you can use the following code:

[dm_code_snippet background=”yes” background-mobile=”yes” slim=”no” line-numbers=”no” bg-color=”#abb8c3″ theme=”dark” language=”php” wrapped=”no” height=”” copy-text=”Copy Code” copy-confirmed=”Copied”]

let strings = ["cat", "zebra", "dog", "apple"];

strings.sort((a, b) => {
  return b.localeCompare(a);
});

console.log(strings); // ["zebra", "dog", "cat", "apple"]

[/dm_code_snippet]

Sorting Objects

If you are sorting an array of objects, the default sorting order is based on the objects’ properties. To sort the array in a different order, you can pass in a comparison function as an argument to the sort() method. The comparison function should return a negative number if the first argument is greater than the second, a positive number if the first argument is less than the second, and zero if the two arguments are equal.

For example, if you want to sort an array of objects based on their age property, you can use the following code:

[dm_code_snippet background=”yes” background-mobile=”yes” slim=”no” line-numbers=”no” bg-color=”#abb8c3″ theme=”dark” language=”php” wrapped=”no” height=”” copy-text=”Copy Code” copy-confirmed=”Copied”]

let people = [{name: "John", age: 30}, {name: "Alice", age: 25}, {name: "Bob", age: 40}];

people.sort((a, b) => {
  return a.age - b.age;
});

console.log(people); // [{name: "Alice", age: 25}, {name: "John", age: 30}, {name: "Bob", age: 40}]

[/dm_code_snippet]

Conclusion

The JavaScript Array sort() method is a powerful tool that can be used to sort an array of values. It can be used to sort numbers, strings, and even objects. All you need to do is call the sort() method on an array, and it will return a new array that is sorted in the order you specified.