Array#sort() 方法的 ES10 之前与之后的区别解析

Array#sort() 方法是 JavaScript 中的一个内置方法，它可以对数组进行排序。在 ES10 之前，Array#sort() 方法只能对字符串进行排序，而在 ES10 中，该方法已经升级，可以对数字和 Unicode 字符串进行排序。本文将对 ES10 之前与之后的 Array#sort() 方法进行详细解析，包括使用示例和相应的指导意义。

ES10 之前的 Array#sort() 方法

在 ES10 之前，Array#sort() 方法只能对字符串进行排序。该方法通过比较字符串的 Unicode 码点来进行排序。如果需要对数字进行排序，需要先将其转换为字符串，然后再使用 Array#sort() 方法进行排序。

以下是一个使用 ES10 之前的 Array#sort() 方法对数字进行排序的示例代码：

const numbers = [4, 2, 7, 1, 3];
numbers.sort((a, b) => a - b);
console.log(numbers); // [1, 2, 3, 4, 7]

在上面的代码中，我们首先定义了一个数字数组 numbers，然后使用 Array#sort() 方法对其进行排序。由于 Array#sort() 方法只能对字符串进行排序，我们需要传入一个比较函数，该函数将数字转换为字符串并进行比较。在这个比较函数中，我们使用 a - b 来进行数字的升序排序。

ES10 中的 Array#sort() 方法

在 ES10 中，Array#sort() 方法已经升级，可以对数字和 Unicode 字符串进行排序。当对数字进行排序时，Array#sort() 方法会直接比较数字大小，而不是将其转换为字符串再进行比较。这样可以提高排序性能，同时也使代码更加简洁。

以下是一个使用 ES10 中的 Array#sort() 方法对数字进行排序的示例代码：

const numbers = [4, 2, 7, 1, 3];
numbers.sort((a, b) => a - b);
console.log(numbers); // [1, 2, 3, 4, 7]

在上面的代码中，我们仍然使用 Array#sort() 方法对数字进行排序，但是不需要再传入比较函数了，因为 Array#sort() 方法已经可以直接比较数字大小了。

当对 Unicode 字符串进行排序时，Array#sort() 方法会根据 Unicode 码点进行排序。如果需要按照特定的字符顺序进行排序，可以使用 Intl.Collator() 对象。

以下是一个使用 ES10 中的 Array#sort() 方法对 Unicode 字符串进行排序的示例代码：

const strings = ['apple', 'banana', 'cherry', 'date'];
strings.sort();
console.log(strings); // ['apple', 'banana', 'cherry', 'date']
strings.sort(Intl.Collator().compare);
console.log(strings); // ['apple', 'banana', 'cherry', 'date']

在上面的代码中，我们首先定义了一个字符串数组 strings，然后使用 Array#sort() 方法对其进行排序。由于字符串默认按照 Unicode 码点进行排序，所以我们不需要传入比较函数。然后我们使用 Intl.Collator().compare 来按照当前语言环境的字符顺序进行排序。

指导意义

在使用 Array#sort() 方法时，应该注意以下几点：

• 对于数字数组，尽量使用 ES10 中的 Array#sort() 方法进行排序，以提高性能和代码简洁度。
• 对于 Unicode 字符串数组，如果需要按照特定的字符顺序进行排序，应该使用 Intl.Collator() 对象来进行排序。
• 在使用比较函数时，应该返回一个负数、零或正数，分别表示第一个参数小于、等于或大于第二个参数。
• 在使用 Array#sort() 方法时，应该注意原数组会被改变，如果需要保留原数组，应该先将其复制一份再进行排序。

结论

Array#sort() 方法是 JavaScript 中的一个内置方法，可以对数组进行排序。在 ES10 之前，该方法只能对字符串进行排序，而在 ES10 中，该方法已经升级，可以对数字和 Unicode 字符串进行排序。在使用 Array#sort() 方法时，应该注意性能、代码简洁度、比较函数的返回值和原数组的改变等问题。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67790493381bbe667f8c99d4