原文: Sort Alphabetically in JavaScript – How to Order by Name in JS

有时你可能有一个单词数组,你想按字母顺序(从 a-z)对每个单词进行排序。或者你可能有一个包含用户信息(包括名字)的对象数组,例如,你想按照用户的名字来排序。

我们可以在 JavaScript 中通过直接使用 sort() 方法或使用比较函数来实现这个目的。

如果你很着急的话,这里有两种方法:

// 对一个名字数组进行排序
names.sort();

// 通过 name 对一个对象数组进行排序
users.sort(function (a, b) {
  if (a.name < b.name) {
    return -1;
  }
  if (a.name > b.name) {
    return 1;
  }
  return 0;
});

现在让我们来了解一下我们是如何得出这两种解决方案的。

如何按字母顺序对一个名字数组进行排序

假设我们有一个名字的数组:

let names  = ["John Doe", "Alex Doe", "Peter Doe", "Elon Doe"];

我们可以使用 sort() 方法按字母顺序对这些名字进行排序:

let sortedNames = names.sort();
console.log(sortedNames);

这将返回一个按字母排序的名字数组:

["Alex Doe","Elon Doe","John Doe","Peter Doe"]

注意:当一些名字首字母大写,而其他名字首字母小写时,那么输出将是不正确的,因为 sort() 方法将大写字母放在小写字母之前:

let names = ["John Doe", "alex Doe", "peter Doe", "Elon Doe"];
let sortedNames = names.sort();

console.log(sortedNames); // ["Elon Doe","John Doe","alex Doe","peter Doe"]

所以你需要确保这些词的大小写都是一样的,否则它就不能按照我们的需求按字母顺序返回名字。

如何在 JavaScript 中按姓名的字母顺序排列

在现实场景中,我们可能有一个用户数组,每个用户的信息都在一个对象中。这些信息可以是任何与用户的名字有关的信息,比如说:

let users = [
  {
    name: "John Doe",
    age: 17
  },
  {
    name: "Elon Doe",
    age: 27
  },
  {
    name: "Alex Doe",
    age: 14
  }
];

看一下上面的对象,之前我们直接在数组上应用 sort() 方法的方式将不会起作用。相反,它将抛出相同的数组,但项目不会按照我们想要的顺序排列。

我们将在使用 sort() 方法的同时使用比较函数来按名字对这个用户数组进行排序。

我们将使用比较函数来定义一个替代的排序顺序。根据参数的不同,它返回一个负值、零值或正值:

语法:

function(a, b){return a - b}

当我们把这个比较函数传入 sort() 方法时,它根据我们设定的条件对每个值进行比较,然后根据返回的值对每个名字进行排序(负数、零、正数)。

  • 如果结果是负的,a 被排序在 b 之前。
  • 如果结果是正数,则 b 被排序在 a 之前。
  • 如果结果是 0,两个值的排序顺序不做任何改变。

使用上面的例子,我们现在可以这样将比较函数和 sort() 方法一起使用:

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

console.log(users);

上面的代码对每个名字进行比较。如果是大于,它返回 1。如果是小于,则返回 -1。返回的值用于按字母顺序排列我们的数组的值:

[
  {
    name: "Alex Doe",
    age: 14
  },
  {
    name: "Elon Doe",
    age: 27
  },
  {
    name: "John Doe",
    age: 17
  }
]

注意:就像我们之前看到的,这总是根据字母的大小写运行,并将大写字母排在小写字母之前。

let users = [
  {
    name: "alex Doe",
    age: 14
  },
  {
    name: "Elon Doe",
    age: 27
  },
  {
    name: "John Doe",
    age: 17
  }
];
    
users.sort(function (a, b) {
  if (a.name < b.name) {
    return -1;
  }
  if (a.name > b.name) {
    return 1;
  }
  return 0;
});

console.log(users);

输出:

[
  {
    name: "Elon Doe",
    age: 27
  },
  {
    name: "John Doe",
    age: 17
  },
  {
    name: "alex Doe",
    age: 14
  }
]

总结

在这篇文章中,你已经学会了如何在两种可能的情况下使用 sort() 方法按字母顺序排列数组。

在名字有不同字母大小写的情况下,最好在使用 sort() 方法之前先将它们转换为特定的字母大小写。

Happy coding!