sort() and reverse()

Syntax

arr.sort((a, b) => a - b)
arr.reverse()

Examples

const numbers = [10, 1, 21, 2];

console.log(numbers.sort());
// [1, 10, 2, 21] - sorted as strings, not numbers!

console.log(numbers.sort((a, b) => a - b));
// [1, 2, 10, 21] - correct numeric ascending order

const numbers = [5, 2, 8, 1, 9];

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

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

const people = [
  { name: "Charlie", age: 30 },
  { name: "Alice", age: 25 },
  { name: "Bob", age: 35 }
];

people.sort((a, b) => a.age - b.age);
console.log(people.map(p => p.name)); // ["Alice", "Charlie", "Bob"]

const letters = ["a", "b", "c"];
letters.reverse();
console.log(letters); // ["c", "b", "a"]

Best practices

• Always provide a comparator function when sorting numbers - the default string-based sort produces incorrect ordering
• Remember sort() and reverse() both mutate the original array in place - copy it first with [...arr].sort() if you need to preserve the original
• For sorting objects, subtract the numeric property (a.value - b.value) for ascending order, or swap the order for descending
• Use localeCompare() as the comparator when sorting strings that may contain accented characters, for correct alphabetical ordering

At a glance

Purpose

Application logic and interaction

File extension

.js · .mjs

Runs in

Browsers and JavaScript runtimes

Usually used with

HTML, CSS and Web APIs

Specifications & further reading

• ECMAScript specification

Related JavaScript documentation