Javascript数组去重的六种方法汇总

在前端开发过程中，经常会遇到需要对Javascript数组进行去重的场景。本文将介绍6种不同的去重方法，从基本的for循环到ES6扩展符号的使用，详细解释其优缺点，并提供示例代码。

方法一：使用for循环和indexOf()

-------- ---------------- -
  --- ------ - ---
  --- ---- - - -- - - ----------- ---- -
    -- ----------------------- --- --- -
      --------------------
    -
  -
  ------ -------
-

此方法通过循环遍历数组并使用indexOf()方法检查元素是否已被添加到结果集中。如果没有找到则将其添加到结果集中。该方法适用于简单数据类型的数组，但对于大型数组来说效率较低。

方法二：使用for循环和双层嵌套

-------- ---------------- -
  --- ------ - ---
  --- ---- - - -- - - ----------- ---- -
    --- ---- - - -- - - -------------- ---- -
      -- ------- --- ---------- -
        ------
      -
    -
    -- -- --- -------------- -
      --------------------
    -
  -
  ------ -------
-

此方法与方法一类似，但它使用了两个嵌套for循环比较数组值，而不是使用indexOf()方法。对于小型数组来说，该方法效率较高。但是对于大型数组，其时间复杂度为O(n²)，因此效率较低。

方法三：使用sort()和for循环

-------- ---------------- -
  -----------
  --- ------ - ---------
  --- ---- - - -- - - ----------- ---- -
    -- ------- --- -------------------- - --- -
      --------------------
    -
  -
  ------ -------
-

此方法通过将数组排序，然后使用一个嵌套的for循环比较相邻元素是否相等。如果不相等，则将其添加到结果数组中。由于该方法需要先进行排序，因此它适用于简单数据类型的数组，但对于大型数组来说效率较低。

方法四：使用ES6 Set对象

-------- ---------------- -
  ------ -------------- ----------
-

这是一种非常简洁的方法，利用ES6中新增的Set对象去除重复项。通过将数组转换为Set对象，再将Set对象转换回数组即可得到去重后的数组。此方法适用于所有类型的数组。

方法五：使用ES6扩展符号

-------- ---------------- -
  ------ ------- ----------
-

这是方法四的另一种写法，使用ES6的扩展符号将Set对象转换为数组。此方法适用于所有类型的数组。

方法六：使用对象键

-------- ---------------- -
  --- --- - ---
  ------ ------------------------- ------ ---- -
    ------ ------------------------- ---- - ----- - ----- - ----------- ---- - ----- - ------
  ---
-

此方法通过创建一个空对象，然后逐一检查数组中的每个元素是否为对象的属性。如果是，则说明该元素已经存在于数组中，否则将其添加到结果集中。由于该方法不需要进行循环嵌套或排序操作，因此对于大型数组效率较高。

总结

本文介绍了6种Javascript数组去重的方法，从基本的for循环到ES6扩展符号的使用。根据不同场景和数据类型，选择合适的方法可以提高代码效率和性能。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/4084

javascript数组去重的六种方法汇总