如何在 JavaScript 中不改变原有数组排序的数组

在前端开发中，我们经常需要对数组进行排序。但是有时候我们不想改变原有数组的顺序，而是要创建一个新的已排序数组。在本文中，我将介绍如何使用 JavaScript 来实现这一点。

传统的排序方法

首先，我们来看一下常规的排序方法。通常，我们会使用 sort() 方法来对数组进行排序，如下所示：

const arr = [2, 1, 4, 3];
const sortedArr = arr.sort();
console.log(sortedArr); // [1, 2, 3, 4]
console.log(arr); // [1, 2, 3, 4]

上述代码会改变原有数组的顺序，并返回已排序的新数组。在某些情况下，这可能不是我们想要的结果。

不改变原有数组排序的方法

要创建一个新的已排序数组而不改变原有数组的顺序，我们可以使用 slice() 方法和 sort() 方法的结合，如下所示：

const arr = [2, 1, 4, 3];
const sortedArr = arr.slice().sort();
console.log(sortedArr); // [1, 2, 3, 4]
console.log(arr); // [2, 1, 4, 3]

在上述代码中，我们首先使用 slice() 方法创建了原有数组的副本，然后使用 sort() 方法对副本进行排序，从而创建了一个新的已排序数组，并且原有数组的顺序保持不变。

示例代码

下面是一个更完整的示例，演示如何使用 slice() 方法和 sort() 方法来创建一个已排序的新数组：

const arr = [2, 1, 4, 3];

// 使用 slice() 方法创建原有数组的副本
const sortedArr = arr.slice().sort();

// 打印已排序的新数组和原有数组
console.log(sortedArr); // [1, 2, 3, 4]
console.log(arr); // [2, 1, 4, 3]

学习和指导意义

在 JavaScript 中，对数组进行排序是一个常见的任务。了解如何创建一个新的已排序数组而不改变原有数组的顺序是很重要的。这种方法在处理大型数据集时也非常有用，因为它可以减少内存的使用。

总之，使用 slice() 方法和 sort() 方法结合可以创建一个新的已排序数组而不改变原有数组的顺序。这种方法在前端开发中非常有用，特别是在处理大型数据集时。

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