使用JavaScript中的.sort()方法修复问题,两个数组而不是仅一个进行排序
Array.prototype.sort()函数的一个属性是它是一种就地排序算法,这意味着它不会创建要排序的数组的新副本,它会在不使用任何额外空间的情况下对数组进行排序,从而使其更加高效和高效。但是这种特征有时会导致尴尬的情况。
让我们通过一个例子来理解这一点。假设,我们有一个包含一些字符串文字的names数组。我们希望保持该数组的顺序不变,并希望另一个数组包含与names数组相同的元素,但按字母顺序排序。
我们可以做这样的事情-
const names = ['Rakesh', 'Mukesh', 'Ram', 'Anshul', 'Dheeraj']; let sortedNames = names; sortedNames = sortedNames.sort(); console.log(names); console.log(sortedNames);
但是,正如我们在JavaScript中所知道的那样,数组也是对象,并且对象是通过引用而不是通过值复制的,因此对一个数组进行排序会导致对两个数组进行排序,这显然是我们不希望的。
解决方案
1.slice()
初始化新数组时使用
示例
const names = ['Rakesh', 'Mukesh', 'Ram', 'Anshul', 'Dheeraj']; let sortedNames = names.slice(); sortedNames = sortedNames.sort(); console.log(names); console.log(sortedNames);
该slice()
方法实际上返回一个浅表副本,并复制到与其一起使用的数组的新数组中,如果未提供任何参数,它将从头到尾复制。
尽管此方法效率不高,因为它包括初始化一个新数组,并且仅对String/Number文字数组有效,但第二种方法效率更高,并且也适用于对象数组。
2.使用JSON.stringify()/JSON.parse()
示例
const names = ['Rakesh', 'Mukesh', 'Ram', 'Anshul', 'Dheeraj']; let sortedNames = JSON.parse(JSON.stringify(names)); sortedNames = sortedNames.sort(); console.log(names); console.log(sortedNames);
将数组转换为JSON字符串,然后转换回数组的方式会强制编译器不按引用复制。
这两种方法的输出在控制台中将相同-
输出结果
[ 'Rakesh', 'Mukesh', 'Ram', 'Anshul', 'Dheeraj' ] [ 'Anshul', 'Dheeraj', 'Mukesh', 'Rakesh', 'Ram' ]