Сортування масивів методом sort

array.sort(compareFunction);

const names = ["Olena", "Andrii", "Bohdan", "Anna"];

names.sort();

console.log(names);
// ["Andrii", "Anna", "Bohdan", "Olena"]

const words = ["apple", "Banana", "cherry", "Apricot"];

words.sort();

console.log(words);
// ["Apricot", "Banana", "apple", "cherry"]

const words = ["яблуко", "банан", "апельсин", "груша"];

words.sort((a, b) => a.localeCompare(b, "uk"));

console.log(words);
// ["апельсин", "банан", "груша", "яблуко"]

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

numbers.sort();

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

"10" < "2"

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

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

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

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

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

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

numbers.sort((a, b) => (a - b) * -1);

const numbers = [5, 2, 8];

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

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

const numbers = [4, 1, 3];

numbers.sort((a, b) => {
  if (a < b) return -100;
  if (a > b) return 50;
  return 0;
});

console.log(numbers);
// [1, 3, 4]

const original = [3, 1, 2];
const result = original.sort((a, b) => a - b);

console.log(original);
// [1, 2, 3]

console.log(result);
// [1, 2, 3]

console.log(original === result);
// true

const original = [3, 1, 2];
const sorted = [...original].sort((a, b) => a - b);

console.log(original);
// [3, 1, 2]

console.log(sorted);
// [1, 2, 3]

const sorted = original.slice().sort((a, b) => a - b);

const original = [3, 1, 2];
const sorted = original.toSorted((a, b) => a - b);

console.log(original);
// [3, 1, 2]

console.log(sorted);
// [1, 2, 3]

const users = [
  { name: "Olena", age: 28 },
  { name: "Andrii", age: 22 },
  { name: "Bohdan", age: 35 }
];

users.sort();

console.log(users);
// Початковий порядок може не змінитися

const users = [
  { name: "Olena", age: 28 },
  { name: "Andrii", age: 22 },
  { name: "Bohdan", age: 35 }
];

users.sort((a, b) => a.age - b.age);

console.log(users);
// [
//   { name: "Andrii", age: 22 },
//   { name: "Olena", age: 28 },
//   { name: "Bohdan", age: 35 }
// ]

users.sort((a, b) => b.age - a.age);

const users = [
  { name: "Олена", age: 28 },
  { name: "Андрій", age: 22 },
  { name: "Богдан", age: 35 }
];

users.sort((a, b) => a.name.localeCompare(b.name, "uk"));

console.log(users);
// [
//   { name: "Андрій", age: 22 },
//   { name: "Богдан", age: 35 },
//   { name: "Олена", age: 28 }
// ]

const products = [
  { name: "Ноутбук", category: "техніка", price: 30000 },
  { name: "Мишка", category: "аксесуари", price: 800 },
  { name: "Клавіатура", category: "аксесуари", price: 1800 },
  { name: "Монітор", category: "техніка", price: 12000 }
];

products.sort((a, b) => {
  const categoryOrder = a.category.localeCompare(b.category, "uk");

  if (categoryOrder !== 0) {
    return categoryOrder;
  }

  return a.price - b.price;
});

console.log(products);

products.sort((a, b) =>
  a.category.localeCompare(b.category, "uk") ||
  a.price - b.price
);

const tasks = [
  { title: "Звіт", priority: 2 },
  { title: "Лист", priority: 1 },
  { title: "Дзвінок", priority: 2 },
  { title: "План", priority: 1 }
];

tasks.sort((a, b) => a.priority - b.priority);

console.log(tasks);
// [
//   { title: "Лист", priority: 1 },
//   { title: "План", priority: 1 },
//   { title: "Звіт", priority: 2 },
//   { title: "Дзвінок", priority: 2 }
// ]

const events = [
  { title: "Конференція", date: "2025-06-15" },
  { title: "Воркшоп", date: "2025-02-10" },
  { title: "Мітап", date: "2025-04-20" }
];

events.sort((a, b) => {
  return new Date(a.date) - new Date(b.date);
});

console.log(events);
// Воркшоп, Мітап, Конференція

events.sort((a, b) => a.date.localeCompare(b.date));

const scores = [80, undefined, 95, 60, undefined];

scores.sort((a, b) => {
  if (a === undefined && b === undefined) return 0;
  if (a === undefined) return 1;
  if (b === undefined) return -1;

  return a - b;
});

console.log(scores);
// [60, 80, 95, undefined, undefined]

const values = [10, "5", "invalid", 2];

values.sort((a, b) => {
  const numberA = Number(a);
  const numberB = Number(b);

  const aIsInvalid = Number.isNaN(numberA);
  const bIsInvalid = Number.isNaN(numberB);

  if (aIsInvalid && bIsInvalid) return 0;
  if (aIsInvalid) return 1;
  if (bIsInvalid) return -1;

  return numberA - numberB;
});

console.log(values);
// [2, "5", 10, "invalid"]

const values = [100, 20, 3];

values.sort();

console.log(values);
// [100, 20, 3]

values.sort((a, b) => a - b);

const values = [3, 1, 2];
const copy = values.sort();

console.log(values);
// [1, 2, 3]

const sortedValues = [...values].sort((a, b) => a - b);

const values = [3, 1, 2];

values.sort((a, b) => b - a);

console.log(values);
// [3, 2, 1]

values.sort((a, b) => a > b);

values.sort((a, b) => {
  if (a < b) return -1;
  if (a > b) return 1;
  return 0;
});

values.sort((a, b) => a - b);

const values = [10, 2, 30];

values.sort((a, b) => String(a).localeCompare(String(b)));

console.log(values);
// [10, 2, 30]

const orders = [
  { id: 101, customer: "Олена", total: 1250, status: "paid" },
  { id: 102, customer: "Андрій", total: 800, status: "pending" },
  { id: 103, customer: "Богдан", total: 2100, status: "paid" },
  { id: 104, customer: "Анна", total: 800, status: "paid" }
];

// Створюємо копію, щоб не змінювати початковий масив.
const sortedOrders = [...orders].sort((a, b) => {
  // Спочатку сортуємо за статусом.
  const statusOrder = a.status.localeCompare(b.status);

  if (statusOrder !== 0) {
    return statusOrder;
  }

  // Для однакового статусу сортуємо за сумою за спаданням.
  if (a.total !== b.total) {
    return b.total - a.total;
  }

  // Якщо суми однакові, сортуємо за іменем клієнта.
  return a.customer.localeCompare(b.customer, "uk");
});

console.log(sortedOrders);
console.log(orders); // Початковий порядок не змінився.