js数组去重的4个方法及ts数组去重

一、三个常规算法实现：

a、Array.prototype.unique1 = function()
{
	var n = []; //一个新的临时数组
	for(var i = 0; i < this.length; i++) //遍历当前数组
	{
		//若是当前数组的第i已经保存进了临时数组，那么跳过，
		//不然把当前项push到临时数组里面
		if (n.indexOf(this[i]) == -1) n.push(this[i]);
	}
	return n;
}
b、Array.prototype.unique2 = function()
{
	var n = {},r=[]; //n为hash表，r为临时数组
	for(var i = 0; i < this.length; i++) //遍历当前数组
	{
		if (!n[this[i]]) //若是hash表中没有当前项
		{
			n[this[i]] = true; //存入hash表
			r.push(this[i]); //把当前数组的当前项push到临时数组里面
		}
	}
	return r;
}
c、Array.prototype.unique3 = function()
{
	var n = [this[0]]; //结果数组
	for(var i = 1; i < this.length; i++) //从第二项开始遍历
	{
		//若是当前数组的第i项在当前数组中第一次出现的位置不是i，
		//那么表示第i项是重复的，忽略掉。不然存入结果数组
		if (this.indexOf(this[i]) == i) n.push(this[i]);
	}
	return n;
}

其中第1种和第3种方法都用到了数组的indexOf方法。此方法的目的是寻找存入参数在数组中第一次出现的位置。很显然，js引擎在实现这个方法的时候会遍历数组直到找到目标为止。因此此函数会浪费掉不少时间。 而第2中方法用的是hash表。把已经出现过的经过下标的形式存入一个object内。下标的引用要比用indexOf搜索数组快的多。

为了判断这三种方法的效率如何，我作了一个测试程序，生成一个10000长度的随机数组成的数组，而后分别用几个方法来测试执行时间。 结果代表第二种方法远远快于其余两种方法。 可是内存占用方面应该第二种方法比较多，由于多了一个hash表。这就是所谓的空间换时间。  就是这个测试页面，你也能够去看看。

二、第四种方法：

Array.prototype.unique4 = function()
{
	this.sort();
	var re=[this[0]];
	for(var i = 1; i < this.length; i++)
	{
		if( this[i] !== re[re.length-1])
		{
			re.push(this[i]);
		}
	}
	return re;
}

这个方法的思路是先把数组排序，而后比较相邻的两个值。 排序的时候用的JS原生的sort方法，JS引擎内部应该是用的快速排序吧。 最终测试的结果是此方法运行时间平均是第二种方法的三倍左右，不过比第一种和第三种方法快了很多。 三、在angularJs中，若是须要进行数组去重，能够模仿第二种方法：

/**
     * 数组去重复
     * [@param](http://my.oschina.net/u/2303379) arr
     * @returns {Array}
     */
    unique(arr) {
        var result = [], hash = {};
        for (var i = 0, elem; (elem = arr[i]) != null; i++) {
            var code = elem.commodity.commodityCode;
            if (!hash[code]) {
                result.push(elem);
                hash[code] = true;
            }
        }
        return result;
    }

参考连接： 一、http://php.js.cn/blog/array-unique-in-javascript/#comment2665