关于javascript:arraysort-的坑你踩过没有

在 JavaScript 中能够用 array.sort() 对数组进行排序。上面用它来对一些数字进行排序：

const numbers = [10, 5, 11];
numbers.sort(); // => [10, 11, 5]

呃。。。numbers.sort() 的返回值竟然是 [10，11，5]，这是怎么回事？

为什么在不带参数的状况下调用 array.sort() 时，没有按预期排序？

1. `array.sort()` 不带参数

array.sort() 是数组实例上的一个办法，用于对数组进行适当的排序（在原始数组上原地操作）并返回排序后的数组。

当不带参数调用时，数组元素项会被转换为字符串并按字母序进行排序。

例如对上面的数组进行排序：

const names = ['joker', 'batman', 'catwoman'];
names.sort(); // => ['batman', 'catwoman', 'joker']

会依照按字母程序排序：['batman'，'catwoman'，'joker']。

然而，对数字调用该办法也会依照字母序进行排序：

const numbers = [10, 5, 11];

numbers.sort(); // => [10, 11, 5]

不过 array.sort() 办法有一个可选参数：比拟器函数。

const mutatedArray = array.sort([comparator]);

用这个函数能够管制排序过程中元素在数组中的排序形式。

如果 comparator(a，b) 的返回值为：

为了正确地对数字按升序进行排序，应该用上面的比拟器函数：

const numbers = [10, 5, 11];

numbers.sort((a, b) => {if (a < b) {return -1;}
  if (a > b) {return 1;}
  return 0;
}); // => [5, 10, 11]

这样就能够正确地对数字进行排序了：[5, 10, 11]。

在升序排列的数组中，较小的数字位于较大的数字之前。这是在编写比拟器函数时须要保护的属性：

后面例子中的比拟器函数有些长。咱们能够这样简化：

const numbers = [10, 5, 11];
numbers.sort((a, b) => a - b); // => [5, 10, 11]

JavaScript 中的类型化数组蕴含特定类型的元素，例如 UInt8：8 位无符号整数，Float64：64 位浮点数等。而一般数组中的元素能够是任何类型，甚至能够是多种类型。

类型化数组的益处是，默认状况下它们的 sort() 办法对数字按升序进行排序。

如果不必比拟器函数，那么利用类型化数组是对数字进行排序的好方法：

const numbers = [10, 5, 11];

const sortedNumbers = [...new Float64Array(numbers).sort()];

sortedNumbers; // => [5, 10, 11]

new Float64Array(numbers) 创立一个类型化数组的实例并初始化。

new Float64Array(numbers).sort() 按升序排序类型数组。在这里不须要比拟器函数。

最初，开展运算符 [...new Float64Array(numbers).sort()] 把类型数组中的排序数字提取到惯例数组中。

如果不带参数调用 array.sort() 办法，将会按字母序对元素进行排序。所以不应该简略的用 array.sort() 对数字进行升序排序。

然而你能够指定一个比拟器函数 array.sort(comparator) 来定制元素的排序形式。倡议应用 numbers.sort((a, b) => a - b) 这种最简洁的形式对数字数组进行排序。