当前位置: 移动技术网 > IT编程>开发语言>JavaScript > js 数组去重小技巧

js 数组去重小技巧

2018年12月05日  | 移动技术网IT编程  | 我要评论

js 数组去重小技巧

intro

今天遇到一个问题,需要对数据进行去重,想看一下有没有什么比较方便的方法,果然有些收获。

question

问题描述:

我有一个这样的数据:

[
    {
        "projectid": "94147992363ef910",
        "projectname": "新梅太古城中粮天悦澜庭",
        "projectaddress": "曲阜路966弄"
    },
    {
        "projectid": "c5b6ce1988dd2af7",
        "projectname": "新梅共和城",
        "projectaddress": "广中西路99弄"
    },
    {
        "projectid": "c5b6ce1988dd2af7",
        "projectname": "新梅共和城",
        "projectaddress": "广中西路99弄"
    }
]

要实现根据 projectid 去重,应该得到下面的结果:

[
    {
        "projectid": "94147992363ef910",
        "projectname": "新梅太古城中粮天悦澜庭",
        "projectaddress": "曲阜路966弄"
    },
    {
        "projectid": "c5b6ce1988dd2af7",
        "projectname": "新梅共和城",
        "projectaddress": "广中西路99弄"
    }
]

先从一个简单的问题入手,将一个数组去重 [1, 2, 3, 3, 4]

solution1

通常,我们一般都是这样去做的,将要用于去重的数据放在一个 集合 中,将去重的数据放到一个集合中(最终我们要的数据)

示例代码:

//
var arr = [1, 2, 3, 3, 4];
var result = new array();
var filterarr = new array();

    for (var i = 0; i < info.length; i++) {
        for (var k = 0; k < filterarr.length; k++) {
            if (filterarr[i] == arr[i]) {
                continue;
            }
        }
        // 或者使用 indexof 判断
        //if (filterarr[i].indexof(arr[i]) > -1) {
        //    continue;
        //}
        filterarr.push(arr[i]);
        result.push(arr[i]);
    }

// filter
arr = arr.filter(function (value, index, array) { 
    return array.indexof (value) == index;
});
// es6
arr = arr.filter( (value, index, array) =>  array.indexof (value) == index);
//
var info = [
    {
        "projectid": "94147992363ef910",
        "projectname": "新梅太古城中粮天悦澜庭",
        "projectaddress": "曲阜路966弄"
    },
    {
        "projectid": "c5b6ce1988dd2af7",
        "projectname": "新梅共和城",
        "projectaddress": "广中西路99弄"
    }
];

function filter() {
    var filterarr = [];
    var result = [];
    for (var i = 0; i < info.length; i++) {
        for (var k = 0; k < filterarr.length; k++) {
            if (filterarr[i] == info[i].projectid) {
                continue;
            }
        }
        filterarr.push(info[i].projectid);
        result.push(info[i]);
    }
    return result;
}

solution2

es6 里提供了 set 的新语法,set里不会有重复的元素,简单数组去重用它来实现最简单不过了,举个栗子:

var arr = [1, 2, 3, 3, 4];
console.log(arr); // [1, 2, 3, 3, 4]

arr = array.from(new set(arr));
console.log(arr);// [1, 2, 3, 4]

//
info = info.filter((s => a => !s.has(a.projectid) && s.add(a.projectid))(new set));

end

是不是 es6 更方便、更简洁,还没用es6的童鞋强烈建议使用,
上的一坨代码用 es6 只需要一行,只需要一行,只需要一行

info = info.filter((s => a => !s.has(a.projectid) && s.add(a.projectid))(new set));

希望你能有所收获

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网