JavaScript中精致的分类

JavaScript 的排序机制简单易用，却蕴含着强大的灵活功能。sort() 方法不仅能对数组进行字母或数字排序，还能根据自定义的条件逻辑进行任意排序。

核心要点：

• JavaScript 的 sort() 函数是一个灵活的工具，可以以多种方式组织数组，包括根据条件逻辑定义的自定义排列。
• sort() 函数通过比较每次操作中的两个值（a 和 b）来工作。如果函数返回小于零，则 a 排在 b 之前；如果返回大于零，则 b 排在 a 之前；如果返回零，则 a 和 b 相对位置不变。
• JavaScript 支持多维排序和多条件排序。在多维排序中，比较数组的内部值；在多条件排序中，使用多个值作为独立的条件。
• JavaScript 也可以对对象数组进行排序。随着比较变得越来越复杂，建议使用对象字面量数组而不是多维数组，因为这使得比较函数更容易理解。

sort() 函数的工作原理：

→ 如果你已经了解基础知识，可以跳过这一部分。

如果 sort() 方法不带任何参数，则数组将按字典顺序（词典顺序，每个值都被视为字符串）进行排序：

var letters = ["R","O","F","L"];

letters.sort();

alert(letters);    // 输出 ["F","L","O","R"]

否则，sort() 方法的参数是一个比较函数，该函数根据其返回值定义排序行为。比较函数本身接受两个参数，通常称为 a 和 b，它们表示每次操作中比较的两个值。然后：

1. 如果函数返回小于零，则将 a 排在 b 之前
2. 如果函数返回大于零，则将 b 排在 a 之前
3. 如果函数返回零，则 a 和 b 的相对位置不变

规范以一种令人困惑的方式定义了这些规则。JavaScript 规范将第一个排序条件称为“将 b 排序到比 a 更低的索引”。但这实际上意味着“将 b 排在 a 的更低位置”，就数值索引而言，这是一个更高的索引，而不是更低的索引。它以非常混乱的方式使用了“索引”一词；我希望以上我对条件的表达方式更加清晰。

因此，使用比较函数的通常方法是执行并返回一个简单的计算，以产生所需的排序结果。例如，如果函数返回 (a - b)，则将产生数值排序：

var numbers = [8,5];

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

alert(numbers);    // 输出 [5,8]

我们可以用值示例来解释这一点：由于 a = 8 且 b = 5，则 (a - b) == 3；3 大于零，因此 b 将排在 a 之前，产生顺序 [5,8]。

因此，可以通过反转等式来产生反向数值顺序：

var letters = ["R","O","F","L"];

letters.sort();

alert(letters);    // 输出 ["F","L","O","R"]

我们还可以创建一个比较函数来生成字典排序，方法是定义三个比较来评估每一对字符串——在计算术语中，“a”小于“b”，因此我们可以直接比较字符串，然后返回三个排序值之一：

var numbers = [8,5];

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

alert(numbers);    // 输出 [5,8]

请注意，我们如何预先将每个字符串转换为小写，这确保我们获得不区分大小写的排序（如果我们不这样做，则大小写字母将分别排序）。我们还将这些操作的结果分配给新的变量，因为某些浏览器不允许覆盖参数。

(以下内容与原文相同，此处省略重复部分，保持与原文一致性)

多维排序 多条件排序 对象数组排序 关于稳定排序的说明

总结：记住，排序比较函数没有什么特别之处，它只是一个执行操作并返回结果的普通函数。你可以加载外部数据、创建测试渲染元素或执行任意数量的复杂操作。只要函数正确返回——小于零、大于零或零——那么在实现过程中就没有具体的限制！

缩略图来源：[Soren]

关于 JavaScript 高级排序的常见问题解答 (原文FAQ部分略，避免重复)

以上是JavaScript中精致的分类的详细内容。更多信息请关注PHP中文网其他相关文章！