JavaScript数组去重的四种方法
javascript数组去重方法汇总
ue1 = function () { var n = []; //一个新的临时数组 for (var i = 0; i < th; i++) //遍历当前数组 { //如果当前数组的第i已经保存进了临时数组,那么跳过, //否则把当前项push到临时数组里面 if (xOf(this[i]) == -1) (this[i]); } return n;};ue2 = function(){ var n = {},r=[]; //n为hash表,r为临时数组 for(var i = 0; i < th; i++) //遍历当前数组 { if (!n[this[i]]) //如果hash表中没有当前项 { n[this[i]] = true; //存入hash表 (this[i]); //把当前数组的当前项push到临时数组里面 } } return r;};ue3 = function(){ var n = [this[0]]; //结果数组 for(var i = 1; i < th; i++) //从第二项开始遍历 { //如果当前数组的第i项在当前数组中第一次出现的位置不是i, //那么表示第i项是重复的,忽略掉。否则存入结果数组 if (xOf(this[i]) == i) (this[i]); } return n;};ue4 = function(){ (); var re=[this[0]]; for(var i = 1; i < th; i++) { if( this[i] !== re[th-1]) { (this[i]); } } return re;};var arr = [1,2,2,2,3,3,4,5];(ue1()); // [1, 2, 3, 4, 5](ue2()); // [1, 2, 3, 4, 5](ue3()); // [1, 2, 3, 4, 5](ue4()); // [1, 2, 3, 4, 5]
其中第1种和第3种方法都用到了数组的indexOf方法。此方法的目的是寻找存入参数在数组中第一次出现的位置。很显然,js引擎在实现这个方法的时候会遍历数组直到找到目标为止。所以此函数会浪费掉很多时间。 而第2中方法用的是hash表。把已经出现过的通过下标的'形式存入一个object内。下标的引用要比用indexOf搜索数组快的多。
第四种方法的思路是先把数组排序,然后比较相邻的两个值。 排序的时候用的JS原生的sort方法,JS引擎内部应该是用的快速排序吧。 最终测试的结果是此方法运行时间平均是第二种方法的三倍左右,不过比第一种和第三种方法快了不少。
以上所述就是本文的全部内容了,希望大家能够喜欢。
-
网页设计的布局
网页设计的工作目标,是通过使用更合理的颜色、字体、图片、样式进行页面设计美化,在功能限定的情况下,尽可能给予用户完美的视觉体验。以下是小编为您带来的网页设计的布局,看看吧!网页设计的布局11、响应式网页设计响应式网页设计是网页设计的一种技术,可在N多种浏...
-
万恶的function在javascript中的运用实例分析
javascript中最有特色而又让你困惑的function算一个了下面看一下常用操作复制代码代码如下:functiondoit(){.....}doit();javascript中的函数我们可以把它当作方法使用复制代码代码如下:varobj=newObject();=function(){.....}();而function实际上就是对象(即F...
-
如何理解Javascript的caller,callee,call,apply区别
在提到上述的概念之前,首先想说说javascript中函数的隐含参数:argumentsarguments该对象代表正在执行的函数和调用它的函数的参数。[function.]arguments[n]参数function:选项。当前正在执行的Function对象的名字。n:选项。要传递给Function对象的从0开始的参数值...
-
讲解HTML中iframe和frame的区别
不知道你在项目中用过frameset属性没有,frameset这个属性是在去年我在一个在线客服系统制作中用过,因为客服系统要有固定的布局,上面一块,下面一块等等,当时就是用的frameset和frame。在我用完了这些属性之后,我才明白了iframe和frame的`区别。因为在这之前,我项目中...