JavaScript - 删除重复算法效率

Question

我已经阅读了很多关于这个主题的内容，并且看到了许多不同的算法。我偶然发现了另一个解决方案，与其他算法相比，我很难理解它的效率，因为它使用一个简单的临时对象来保存数组的现有元素。与使用复杂排序方法和比较的“老派”方法相比，这是一个有效的解决方案吗？

 function removeDup(arr){
        var element,
                existObj= {},
                finalArr = [];

        for(var i=0;i<arr.length;i++){
            element = arr[i];
            if(!existObj[element]){
                finalArr.push(element);
                existObj[element] = true;
            }
        }
        return finalArr;
    }
    //console.log(removeDup([2,2,2,2,4534,5,7,3]));
    console.log(removeDup(["mike","john","alex","mike","john"]));

有朋友告诉我，这里的效率无法明确确定，因为我真的不知道 temp 对象是如何实现的。

Answer 1

通过使用最合适的数据结构，您将获得最佳性能。在像 js 这样的 JIT/解释型语言中，使用原生功能的好处是巨大的。

这是一个你应该首先使用的 Set：这样你甚至不需要做任何事情来删除 dup，它们只会在添加时被忽略。
我刚刚做了一个简单的测试，使用 Set 的性能大约快了六到十倍（！！）。

http://jsbin.com/jofofeyixaco/1/edit?js,console

结果示例：

"overhead is : 0.015700000221841037"
"Built unic numbers with a lookup object in : 6.237600000167731"
"Built unic numbers with a Set in : 0.7921500000520609"

以下是两种算法的 n = 0 到 50.000 的曲线。
我们看到哈希图的行为确实很像 O(1)，但是当 n 增加时具有更高的散布。
Set 几乎是完全线性的。

画jsbin（耐心点！）：http://jsbin.com/jofofeyixaco/2/

代码：

// noprotect
// build a test set
var numbers = [];
var cnt = 10000; 
for (var i=0; i<cnt; i++ ) numbers.push(Math.floor(Math.random*1000));

// build unic values using lookup object
function buildWithObject() {
  var existing= {};
  var unicNumbers = [];
  for (var i=0; i<cnt; i++) {
    var num = numbers[i];
    if (!existing[num]) {
      unicNumbers.push(num);
      existing[num]=true;
    }
  }
}

// build unic values using a Set
function buildWithSet() {
    var unicNumbersSet = new Set();
    for (var i=0; i<cnt; i++) {
         var num = numbers[i];
         unicNumbersSet.add(num);
    }  
}

function iterate() {
    for (var i=0; i<cnt; i++) {
         var num = numbers[i];
    }    
}

// warming up functions
for (var i=0; i<30; i++) { buildWithObject(); buildWithSet() ;  iterate(); }

// --------  Measures  --------------------
var measureRepeat = 20;
var m;

var s,e;
// ----------------------------
m=measureRepeat;
s=window.performance.now();
while (m--) iterate();
e=window.performance.now();

console.log('overhead is : ' + (e-s)/measureRepeat);

// ----------------------------
m=measureRepeat;
s=window.performance.now();
while (m--) buildWithObject();
e=window.performance.now();

console.log('Built unic numbers with a lookup object in : ' + (e-s)/measureRepeat);

// ----------------------------
m=measureRepeat;
s=window.performance.now();
while (m--) buildWithSet();
e=window.performance.now();
console.log('Built unic numbers with a Set in : ' + (e-s)/measureRepeat);

（别忘了，Set 是 EcmaScript 6，所以在 js 标签中使用 type="application/javascript;version=1.7"

如果您担心兼容性：http://kangax.github.io/compat-table/es6/#Set
所有“现代”平台都可以：Ch、FF、IE11、OS8
其他都不好。 )

Answer 2

let existing = {};
let unicNumbers = [];   
arr.forEach((item) => {
        if (!existing[item.id]) {
            unicNumbers.push(item);
            existing[item.id] = true;
        }
    })