• js 排序,去重


      前几天 有一个需求要做一个 勾选的按钮 ,用的前端框架时 extjs   。

    需求是这样的:选择数据后点击勾选 会把数据 放到一个全局变量里,然后点击另外一个提交按钮 弹出一个窗口 加载这些已经勾选的数据,进行预览勾选的数据和提交。

      隐藏的需求之一就是预览的时候不能看到重复的数据,或者说勾选的时候需要去重。

    实现如下:

            /**
             * 添加勾选的records 并去重
             * @param value 勾选的records
             */
            pushExternalTickedRecords(value: Ext.data.IModel[]) {
                let temp = this.ExternalTickedRecords;
                if (temp == null || temp == undefined) {
                    temp = new Array<Ext.data.IModel>();
                }
                temp.push(...value);
                temp.sort((a: Ext.data.IModel, b: Ext.data.IModel) => {
                    let aId = a.getData().Id;
                    let bId = b.getData().Id;
                    if (aId > bId) {
                        return 1;
                    } else if (aId == bId) {
                        return 0;
                    } else {
                        return -1;
                    }
                });
                let len = temp.length;
                let objId = 0;
                for (let i = 0; i < len; i++) {
                    let curLen = temp.length;
                    if (i >= curLen) {
                        break;
                    }
                    let curId = temp[i].getData().Id;
                    if (i != 0) {
                        if (objId == curId) {
                            temp.splice(i, 1);
                            i--;
                            continue;
                        }
                    }
                    objId = curId;
                }
                this.ExternalTickedRecords = temp;
            }
    

      注:这个方法是写在一个类里的,语言TSEditer支持的ES6标准。

    简单解释一下:首先根据 数据Id进行sort,然后循环这个排序后的 array 使用 splice 和 i-- 进行高性能的去重。

       注:splice 减少数组元素会影响其length 所以 要使用 len变量。如果不使用id 作为 key就要在objId里存储相应的key。objId 更准确的命名应该是 priorObj。

      注:如果不是用 splice 而使用delete 的话 不能做i--并且后面要去除 undefined。

    补充:

    var ages = [3, 10, 18, 20,2,3,10,18,18,30,20,1,2];
    
    ages.filter((m, index) => ages.findIndex(x => x == m) == index);

    3,10,18,20,2,30,1

  • 相关阅读:
    Java+Selenium元素定位的练习(三)
    Java+Selenium元素定位的八种方法(二)
    Java Selenium3 WebDriver启动火狐、Chrome、IE,Edge浏览器的方法(一)
    iOS userAgent
    如何强制视频横竖屏
    一些在开发中不曾注意的小知识,只是怕以后忘了,有迹可查
    多线程与并发
    谈谈那些年要把你弄疯的 bug
    底部导航上拉出现,下拉消失
    新闻详情页顶部的下拉放大与上拉的层叠效果
  • 原文地址:https://www.cnblogs.com/zhuwansu/p/7410106.html
Copyright © 2020-2023  润新知