zoukankan      html  css  js  c++  java
  • 三种常用的js数组去重方法

    第一种是比较常规的方法

    思路:

    1.构建一个新的数组存放结果

    2.for循环中每次从原数组中取出一个元素,用这个元素循环与结果数组对比

    3.若结果数组中没有该元素,则存到结果数组中

    Array.prototype.unique1 = function(){
    	var res = [this[0]];
    	for(var i = 1; i < this.length; i++){
    		var repeat = false;
    		for(var j = 0; j < res.length; j++){
    			if(this[i] == res[j]){
    				repeat = true;
    				break;
    			}
    		}
    		if(!repeat){
    			res.push(this[i]);
    		}
    	}
    	return res;
    }
    var arr = [1, 'a', 'a', 'b', 'd', 'e', 'e', 1, 0]
    alert(arr.unique1());

    第二种方法比上面的方法效率要高

    思路:

    1.先将原数组进行排序

    2.检查原数组中的第i个元素 与 结果数组中的最后一个元素是否相同,因为已经排序,所以重复元素会在相邻位置

    3.如果不相同,则将该元素存入结果数组中

    Array.prototype.unique2 = function(){
    	this.sort();	//先排序
    	var res = [this[0]];
    	for(var i = 1; i < this.length; i++){
    		if(this[i] !== res[res.length - 1]){
    			res.push(this[i]);
    		}
    	}
    	return res;
    }
    var arr = [1, 'a', 'a', 'b', 'd', 'e', 'e', 1, 0]
    alert(arr.unique2());
    

    第二种方法也会有一定的局限性,因为在去重前进行了排序,所以最后返回的去重结果也是排序后的。如果要求不改变数组的顺序去重,那这种方法便不可取了。

    第三种方法(推荐使用)

    思路:

    1.创建一个新的数组存放结果

    2.创建一个空对象

    3.for循环时,每次取出一个元素与对象进行对比,如果这个元素不重复,则把它存放到结果数组中,同时把这个元素的内容作为对象的一个属性,并赋值为1,存入到第2步建立的对象中。

    说明:至于如何对比,就是每次从原数组中取出一个元素,然后到对象中去访问这个属性,如果能访问到值,则说明重复。

    Array.prototype.unique3 = function(){
    	var res = [];
    	var json = {};
    	for(var i = 0; i < this.length; i++){
    		if(!json[this[i]]){
    			res.push(this[i]);
    			json[this[i]] = 1;
    		}
    	}
    	return res;
    }
    
    var arr = [112,112,34,'你好',112,112,34,'你好','str','str1'];
    alert(arr.unique3());
    
    
    转载:http://www.1008a.com/post/277.html
  • 相关阅读:
    防F12审查元素扒代码:按下F12关闭当前页面
    Wp-UserAgent——让WordPress在评论后面加上浏览器和操作系统信息
    WordPress中添加自定义评论表情包的方法
    WordPress彩色背景标签云实现
    让wordpress标签云显示文章数的正确方法
    如何在WordPress文本小工具中使用PHP
    WordPress非插件实现评论回复邮件提醒通知
    Firefox取消“订阅实时书签”功能
    WordPress修改标签云大小及颜色
    WordPress菜单“显示选项”无法显示的解决办法
  • 原文地址:https://www.cnblogs.com/yangkai-cn/p/4016610.html
Copyright © 2011-2022 走看看