解决JavaScript中数组排序sort不发生改变-js教程-PHP中文网

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

hzc

发布： 2020-06-15 09:28:16

转载

3828人浏览过

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

最近在做一个项目，Ajax从后台返回数据后，前端用js处理时，发现无论如何使用sort排序，最终要么是没改变，要么只改变最后一次的排序，折腾了很久，最后查了查资料才发现，js中区分浅拷贝和深拷贝。

    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方法来处理：

网龙b2b仿阿里巴巴电子商务平台

本系统经过多次升级改造，系统内核经过多次优化组合，已经具备相对比较方便快捷的个性化定制的特性，用户部署完毕以后，按照自己的运营要求，可实现快速定制会费管理，支持在线缴费和退费功能财富中心，管理会员的诚信度数据单客户多用户登录管理全部信息支持审批和排名不同的会员级别有不同的信息发布权限企业站单独生成，企业自主决定更新企业站信息留言、询价、报价统一管理，分系统查看分类信息参数化管理，支持多样分类信息，

查看详情

    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教程》

立即学习“Java免费学习笔记（深入）”；

以上就是解决JavaScript中数组排序sort不发生改变的详细内容，更多请关注php中文网其它相关文章！