js 巧妙去除数组中的重复项

  时不时的看下YUI的源码, 总会有些收获.

  一. YUI中的源码'

  

复制代码 代码如下:

  var toObject = function(a) {

  var o = {};

  for (var i=0, j=a.length; i<j; i=i+1) { // 这里我调整了下, YUI源码中是i<a.length

  o[a[i]] = true;

  }

  return o;

  };

  var keys = function(o) {

  var a=[], i;

  for (i in o) {

  if (o.hasOwnProperty(i)) { // 这里, YUI源码中是lang.hasOwnProperty(o, i)

  a.push(i);

  }

  }

  return a;

  };

  var uniq = function(a) {

  return keys(toObject(a));

  };

  注:为了书写方便, 我省略了各方法前的类名, 大伙可自行查阅YUI的源码, 2.7.0b与2.8.0r4均可(此部分的代码是一样的).

  二. 该方法的思路

  1. 先以目标数组的值为key生成一个对象. 这一步是最核心的: 因为在一个对象中, key是无法重复的, 这样就很巧妙的排除了重复值;

  2. 遍历生成的对象, 将这些key取出来放到一个数组中, OK, 到此就大功告成了!(简单吧, 只需两步就行)

  三. 该方法的特点

  1. 对于该方法, 不论数组有多少项, 都只会遍历两次, 在性能上的优势较明显(想想自己以前的做法: 对数组项进行逐个对比, 其性能之差, 可想而知).

  2. 经我的测试, 该方法只适用于数组项为字符串, 数字的一维数组(我觉得, 对多维数组进行排除重复项的操作, 实在是太杯具了!).

  其它的方法可以参考上一篇文章。