JavaScript sort()函数：把你的数据排序得井井有条！

2023-08-09 02:33:23

JavaScript 的秘密武器：揭秘 sort() 函数

序言

在 JavaScript 的神奇世界里，sort() 函数扮演着举足轻重的角色。它赋予我们对数组、字符串、数字甚至对象的排序能力，让它们在恰到好处的位置上井然有序。本文将深入探讨 sort() 函数的方方面面，掌握它的用法并解锁其强大的潜力。

sort() 函数：概述

简介

sort() 函数是一个 JavaScript 内置方法，用于对数组元素进行排序。它可以根据元素的字符串值、数字值、日期甚至通过自定义比较函数来排序。值得注意的是，sort() 函数会修改原始数组，因此如果你想保留原样，最好先创建一个副本再进行排序。

语法

array.sort([compareFunction])

array： 要排序的数组。
compareFunction： 可选。用于比较数组元素的函数。如果不提供，则按字符串值排序。

比较函数：深入理解

定义

compareFunction 是一个可选参数，用于自定义比较数组元素的方式。它接收两个参数，a 和 b，它们都是数组中的元素。compareFunction 应该返回一个数字，表示 a 和 b 的比较结果：

如果 a 小于 b，返回负数。
如果 a 等于 b，返回 0。
如果 a 大于 b，返回正数。

掌握 sort() 函数：示例大观

字符串值排序

const names = ["John", "Mary", "Bob", "Alice"];
names.sort();
console.log(names); // ["Alice", "Bob", "John", "Mary"]

数字值排序

const numbers = [1, 4, 2, 5, 3];
numbers.sort();
console.log(numbers); // [1, 2, 3, 4, 5]

日期排序

const dates = [
  new Date("2023-03-08"),
  new Date("2023-03-10"),
  new Date("2023-03-09"),
];
dates.sort((a, b) => a - b);
console.log(dates); // [Date 2023-03-08, Date 2023-03-09, Date 2023-03-10]

自定义比较函数：对象排序

const objects = [
  { name: "John", age: 20 },
  { name: "Mary", age: 30 },
  { name: "Bob", age: 40 },
];
objects.sort((a, b) => a.age - b.age);
console.log(objects); // [{ name: "John", age: 20 }, { name: "Mary", age: 30 }, { name: "Bob", age: 40 }]