• 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

  • 相关阅读:
    序列
    2018131
    成都七中
    NOIP2017
    洛谷P1352 CodeVS1380 没有上司的舞会
    BZOJ1087 SCOI2005 互不侵犯King
    11-4-2017 星期六 R-Day?
    11-3-2017 星期五
    11-2-2017 星期四
    USACO 2014 US Open, Silver Problem 2. Dueling GPSs
  • 原文地址:https://www.cnblogs.com/zhuwansu/p/7410106.html
Copyright © 2020-2023  润新知