JS去除数组中重复项的方法

数组去重的方法有很多，不同的方法的效率也不相同。如前面文章JS实现的数组去除重复数据算法小结中就总结分析了4种实现方法。这里介绍一种高效数组去重的方法：根据JS对象的特性去除数组中重复项的方法。

一、JS对象的特性(本文中所使用的特性)：key始终唯一

引例：说明对象key值的唯一性，即当重新给js已有属性赋值的时候，实际上是覆盖了key，而不是新建了key

var t={name:'张三',age:20};//定义个js对象
console.log(t.name);//控制台

二、数组去重步骤解析

分为两个步骤：

1. 把要去重的数组转换成一个js的对象并返回。转换规则：把数组中的值变成js对象当中的key，然后value给任意值；

2. 把步骤1中的对象再还原成数组，对象的key作为数组中的元素。

三、数组去重实现

var arr=[1,2,3,4,5,23,4,2,4,3];
//1.把数组装换成对象，数组的元素作为对象的key，然后返回对象
function toObject(ac_array){
    var obj={};//私有的对象
    for (var i=0;i<ac_array.length;i++) {
      obj[ac_array[i]] = true;
    }
    console.log(obj);//Object {1: true, 2: true, 3: true, 4: true, 5: true, 23: true}
    return obj;
}
//2.把对象的key获取出来作为数组的元素，然后返回数组
function keys(ac_obj){
    var arr = [];
    for(var item in ac_obj){
      if(ac_obj.hasOwnProperty(item)){
        arr.push(item);
      }
    }
    console.log(arr);//["1", "2", "3", "4", "5", "23"]
    return arr;
}
//综合
function uniq(ac_array){
    return keys(toObject(ac_array));
}
//测试
var uniq_array=uniq(arr);
console.log(uniq_array);//["1", "2", "3", "4", "5", "23"]

相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！

推荐阅读：

bootstrap响应式导航条模板应如何使用

vue.js操作数组数据的方法

以上就是JS去除数组中重复项的方法的详细内容，更多请关注Gxl网其它相关文章！