JavaScript：按属性值对对象数组进行排序

Paul Boyer

2024年6月19日星期三下午11:06:48

按字符串属性对 JavaScript 对象进行排序

对对象数组进行排序是 JavaScript 中的一项常见任务，尤其是在处理需要按特定顺序显示的数据时。一种典型的场景涉及按字符串属性值（例如姓氏或标题）对对象数组进行排序。

在本文中，我们将探讨如何按字符串属性的值对 JavaScript 对象数组进行排序。我们将检查“sort()”方法的使用，并讨论是否需要其他步骤，例如向对象添加“toString()”方法。

命令	描述
sort(function(a, b) {...})	定义自定义排序函数以根据特定条件确定数组元素的顺序。
localeCompare()	比较当前区域设置中的两个字符串，返回一个数字，指示引用字符串是在给定字符串之前还是之后，或者是否与给定字符串相同。
console.log()	将信息输出到控制台，通常用于调试目的。

JavaScript对象排序详解

上面提供的脚本旨在根据名为的字符串属性的值对 JavaScript 对象数组进行排序 last_nom。在第一个示例中，我们使用 sort(function(a, b) {...}) 方法，它允许我们定义自定义排序函数。该函数比较 last_nom 每个对象的属性。如果第一个对象是 last_nom 小于第二个对象的 last_nom，它返回 -1，表示第一个对象应该出现在第二个对象之前。如果第一个对象的 last_nom 更大，则返回 1，这意味着第一个对象应该出现在第二个对象之后。如果它们相等，则返回0，表明它们的位置应该保持不变。

第二个脚本使用更简洁的 ES6 语法。这 localeCompare() 方法被采用在 sort() 函数来比较 last_nom 对象的属性。此方法返回一个数字，指示某个字符串是否位于当前区域设置中的另一个字符串之前、之后或相同。这 console.log() 两个脚本中都使用函数将排序后的数组输出到控制台进行验证。这两种方法都可以有效地对对象数组进行排序 last_nom property，演示如何在 JavaScript 中处理对象属性排序。

在 JavaScript 中按字符串属性对对象数组进行排序

客户端 JavaScript

var objs = [
    {first_nom: 'Laszlo', last_nom: 'Jamf'},
    {first_nom: 'Pig', last_nom: 'Bodine'},
    {first_nom: 'Pirate', last_nom: 'Prentice'}
];

objs.sort(function(a, b) {
    if (a.last_nom < b.last_nom) {
        return -1;
    }
    if (a.last_nom > b.last_nom) {
        return 1;
    }
    return 0;
});

console.log(objs);

使用 ES6 语法按字符串属性对对象数组进行排序

ES6 JavaScript

const objs = [
    {first_nom: 'Laszlo', last_nom: 'Jamf'},
    {first_nom: 'Pig', last_nom: 'Bodine'},
    {first_nom: 'Pirate', last_nom: 'Prentice'}
];

objs.sort((a, b) => a.last_nom.localeCompare(b.last_nom));

console.log(objs);

在 JavaScript 中按字符串属性对对象数组进行排序

客户端 JavaScript

var objs = [
    {first_nom: 'Laszlo', last_nom: 'Jamf'},
    {first_nom: 'Pig', last_nom: 'Bodine'},
    {first_nom: 'Pirate', last_nom: 'Prentice'}
];

objs.sort(function(a, b) {
    if (a.last_nom < b.last_nom) {
        return -1;
    }
    if (a.last_nom > b.last_nom) {
        return 1;
    }
    return 0;
});

console.log(objs);

使用 ES6 语法按字符串属性对对象数组进行排序

ES6 JavaScript

const objs = [
    {first_nom: 'Laszlo', last_nom: 'Jamf'},
    {first_nom: 'Pig', last_nom: 'Bodine'},
    {first_nom: 'Pirate', last_nom: 'Prentice'}
];

objs.sort((a, b) => a.last_nom.localeCompare(b.last_nom));

console.log(objs);

JavaScript 中对象排序的高级技术

在 JavaScript 中按字符串属性对对象数组进行排序时，必须了解其复杂性 sort() 方法。默认情况下， sort() 方法将元素作为字符串进行排序。在处理数字或特殊字符时，这可能会导致意外结果。为了确保准确排序，尤其是对于字符串属性，您应该使用自定义比较函数。此外 localeCompare()，另一个有用的技术是处理区分大小写。 JavaScript 的字符串比较默认区分大小写，因此 'a' 将被视为小于 'A'。为了避免这种情况，您可以在比较函数中将所有字符串转换为小写或大写。

另一个需要考虑的重要方面是按多个属性排序。例如，如果两个对象具有相同的 last_nom 值，您可能想进一步对它们进行排序 first_nom。这可以通过扩展自定义比较函数以包含附加条件来实现。这种多级排序可确保数据得到全面排序，从而提供更有意义的结果。通过理解和应用这些高级排序技术，您可以在 JavaScript 中有效处理更复杂的数据排序场景。

有关 JavaScript 对象排序的常见问题

如何按字符串属性对对象数组进行排序？
使用 sort() 具有自定义比较函数的方法，利用 localeCompare() 用于字符串比较。
JavaScript 排序区分大小写吗？
是的，默认情况下。在比较函数中将字符串转换为小写或大写以避免这种情况。
如何处理按多个属性排序？
扩展自定义比较函数以包含按辅助属性排序的附加条件。
是否需要添加一个 toString() 方法对你的对象进行排序？
不，使用自定义比较函数就足够了。
什么是 localeCompare() 做？
它比较当前区域设置中的两个字符串并返回一个指示它们顺序的数字。
您可以使用相同的方法按数字属性对对象进行排序吗？
是的，您也可以自定义比较函数来处理数字比较。
如何输出排序后的数组？
使用 console.log() 将排序后的数组打印到控制台以进行验证。
比较函数中的返回值有何意义？
它们确定元素的顺序：-1 表示小于，1 表示大于，0 表示等于。

用 JavaScript 总结对象排序

在 JavaScript 中通过字符串属性对对象数组进行排序可以使用以下方法有效地实现 sort() 具有自定义比较函数的方法。通过利用 localeCompare() 并处理区分大小写，可以确保准确且有意义的数据排序。了解这些技术可以更好地操作和呈现数据，轻松应对更复杂的场景。此外，按多个属性排序又增加了一层复杂性，使排序后的输出更具相关性和组织性。