解决JavaScript中数组排序sort不发生改变

2023-10-18 帮手 423阅读 投稿:芷兰

解决JavaScript中数组排序sort不发生改变

    var provinceConfirmedCount = data;    var provinceDeadCount = data;    var provinceCuredCount = data;    provinceConfirmedCount.sort(sortBy(("provinceConfirmedCount")));    provinceDeadCount.sort(sortBy(("provinceDeadCount")));    provinceCuredCount.sort(sortBy(("provinceCuredCount")));    console.log(provinceConfirmedCount); //不生效    console.log(provinceDeadCount); //不生效    console.log(provinceCuredCount); //生效//比较数组对象function sortBy(field) {    return function(a,b) {        return parseInt(b[field]) - parseInt(a[field]);    }}

浅拷贝、深拷贝与赋值

这三个的区别无法就是改变数据的时候,是如何改变,为了简单明了,用一张表最快理解:

是否指向同一对象第一层为基本数据类型原数据中包含子对象赋值是会使原数据一同改变会使原数据一同改变浅拷贝否不会使原数据一同改变会使原数据一同改变深拷贝是不会使原数据一同改变不会使原数据一同改变

解决方案

既然知道了原理,这里的需求是需要全部改变,所以我们可以采用JQuery中的extend方法来处理:

    var provinceConfirmedCount = $.extend([], data);    var provinceDeadCount = $.extend([], data);;    var provinceCuredCount = $.extend([], data);;    provinceConfirmedCount.sort(sortBy(("provinceConfirmedCount")));    provinceDeadCount.sort(sortBy(("provinceDeadCount")));    provinceCuredCount.sort(sortBy(("provinceCuredCount")));    console.log(provinceConfirmedCount);    console.log(provinceDeadCount);    console.log(provinceCuredCount);

语法:$.extend( target, [object1], [objectN] )其中,target为目标类型,这里我用的是数组[],还可以是{},可根据实际情况处理。从后面的[object1], [objectN]我们可以知道,extend是可以将多个待处理对象合并成一个目标类型的对象。

推荐教程:《JS教程》

标签:
声明:问客百答所有(内容)均由用户自行上传分享,仅供网友学习交流。若您的权利被侵害,请联系我们将尽快删除