ES10 中新方法 Array.sort 不改变原数组的使用方式
在 JavaScript 的开发中，数组排序是一项非常常见的任务，尤其在前端开发领域中常常需要对前端开发中的数据进行排序。在 ES10 中，Array.sort 方法升级为非破坏性排序，也就是说，Array.sort 不再改变原数组，而返回一个排序后的新数组。
值得一提的是，Array.sort 在过去的版本中也有非破坏排序的方法，只不过要使用一些技巧和额外的代码才能达到这个目的，而现在 ES10 中的 Array.sort 更加简洁明了，方便我们的使用。
下面我们来学习一下 ES10 中 Array.sort 的使用方式以及一些实际应用的例子。
使用方式
首先，我们需要了解一下 ES10 中 Array.sort 的使用方式。相比于之前的版本，ES10 中的 Array.sort 的使用方式有了一些新的变化。
如果我们需要升序排序，可以使用以下的方式：
const array = [3, 1, 4, 2, 5]; const sortedArray = [...array].sort((a, b) => a - b);
如果我们需要降序排序，可以使用以下方式：
const array = [3, 1, 4, 2, 5]; const sortedArray = [...array].sort((a, b) => b - a);
实际应用
下面，我们来看一些在实际开发中使用 Array.sort 的例子，以便更好地理解和掌握这个方法。
例子一：对象数组排序
在实际开发中，我们可能需要对数组中的对象进行排序。下面是一个对象数组，包含了每个人的姓名和年龄：
const people = [ { name: 'Tom', age: 20 }, { name: 'John', age: 25 }, { name: 'Mike', age: 18 }, { name: 'Alice', age: 21 }, ];
我们可以根据年龄进行降序排序：
const sortedPeople = [...people].sort((a, b) => b.age - a.age);
最终的 sortedPeople 数组将会是这样的：
[ { name: 'John', age: 25 }, { name: 'Alice', age: 21 }, { name: 'Tom', age: 20 }, { name: 'Mike', age: 18 }, ]
例子二：字符串数组排序
字符串数组排序也是很常见的需求。下面是一个字符串数组：
const fruit = ['banana', 'apple', 'orange', 'kiwi'];
我们可以根据字符串的长度进行升序排序：
const sortedFruit = [...fruit].sort((a, b) => a.length - b.length);
最终的 sortedFruit 数组将会是这样的：
['kiwi', 'apple', 'banana', 'orange']
总结
ES10 中的 Array.sort 这个新方法虽然看起来非常简单，但在实际开发中有着非常重要的应用。通过 ES10 中的新方法，我们可以更加方便地实现我们想要的排序功能，并且不用担心改变了原数组的内容。相信在未来的开发过程中，我们会更加频繁地使用这个新方法，提高我们的开发效率和代码的可读性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/649153ab48841e9894f54d4a