js中数组去重的方法

数组去重有的方法:

1、用 ES6 中的 Set 数据结构:

复制代码
let array = [1, 2, 2, 3, 4, 4, 5];
let uniqueArray = [...new Set(array)];
console.log(uniqueArray); // [1, 2, 3, 4, 5]

2、这种方法利用了 Set 对象不允许包含重复项的特性。你也可以使用 ES5 的方法,如下所示:

复制代码
var array = [1, 2, 2, 3, 4, 4, 5];
var uniqueArray = array.filter(function(item, index, self) {
    return self.indexOf(item) === index;
});
console.log(uniqueArray); // [1, 2, 3, 4, 5]

这个方法使用了 filter 函数和 indexOf 方法来创建一个新数组,其中包含原始数组中的唯一项。

下面的是函数方法:

复制代码
      Array.prototype.method1 = function(){
            var arr[];    //定义一个临时数组
            for(var i = 0; i < this.length; i++){    //循环遍历当前数组
                //判断当前数组下标为i的元素是否已经保存到临时数组
                //如果已保存,则跳过,否则将此元素保存到临时数组中
                if(arr1.indexOf(this[i]) == -1){
                    arr.push(this[i]);
                }
            }
            return arr;
        }


        Array.prototype.method2 = function(){
            var h{};    //定义一个hash表
            var arr[];  //定义一个临时数组
            
            for(var i = 0; i < this.length; i++){    //循环遍历当前数组
                //对元素进行判断,看是否已经存在表中,如果存在则跳过,否则存入临时数组
                if(!h[this[i]]){
                    //存入hash表
                    h[this[i]] = true;
                    //把当前数组元素存入到临时数组中
                    arr.push(this[i]);
                }
            }
            return arr;
        }

 Array.prototype.method3 = function(){
            //直接定义结果数组
            var arr[this[0]];
            for(var i = 1; i < this.length; i++){    //从数组第二项开始循环遍历此数组
                //对元素进行判断:
                //如果数组当前元素在此数组中第一次出现的位置不是i
                //那么我们可以判断第i项元素是重复的,否则直接存入结果数组
                if(this.indexOf(this[i]) == i){
                    arr.push(this[i]);
                }
            }
            return arr;
        
        }

 Array.prototype.method4 = function(){
            //将数组进行排序
            this.sort();
            //定义结果数组
            var arr[this[0]];
            for(var i = 1; i < this.length; i++){    //从数组第二项开始循环遍历数组
                //判断相邻两个元素是否相等,如果相等说明数据重复,否则将元素写入结果数组
                if(this[i] !== arr[arr.length - 1]){
                    arr.push(this[i]);
                }            
            }
            return arr;
            
        }

数组去重一般多用于数据处理使,进行数据添加时使用 ,大家可以根据情况进行使用

希望可以帮到大家;

相关推荐
老前端的功夫6 小时前
Vue 3 性能深度解析:从架构革新到运行时的全面优化
javascript·vue.js·架构
前端 贾公子7 小时前
vue移动端适配方案 === postcss-px-to-viewport
前端·javascript·html
GISer_Jing8 小时前
AI营销增长:4大核心能力+前端落地指南
前端·javascript·人工智能
m0_471199639 小时前
【场景】前端怎么解决离线收银、数据同步异常等场景问题
前端·javascript
栀秋66610 小时前
“无重复字符的最长子串”:从O(n²)哈希优化到滑动窗口封神,再到DP降维打击!
前端·javascript·算法
xhxxx10 小时前
不用 Set,只用两个布尔值:如何用标志位将矩阵置零的空间复杂度压到 O(1)
javascript·算法·面试
有意义10 小时前
斐波那契数列:从递归到优化的完整指南
javascript·算法·面试
Mr.Jessy11 小时前
JavaScript高级:深入对象与内置构造函数
开发语言·前端·javascript·ecmascript
温宇飞11 小时前
深入理解 JavaScript 模块系统:CJS 与 ESM 的实现原理
javascript