JavaScript数组中去重的四种方法详解

来源：动视网责编：小OO 时间：2020-11-27 20:12:54

JavaScript数组中去重的四种方法详解

数组去重，一般需求是给你一个数组，调用去重方法，返回数值副本，副本中没有重复元素。一般来说，两个元素通过 === 比较返回 true 的视为相同元素，需要去重，所以，1 和 "；1"；是不同的元素，1 和 new Number(1) 是不同的元素，{} 和 {} 是不同的元素（引用不同）。（当然如果需求认为 {} 和 {} 算作相同的元素，那么解法就不一样了）。method 1；使用两重循环；method 2；这里判断可以使用一个语法糖。；但是在低版本浏览器并没有 indexOf。；method3；使用两重循环的另外一种比较方式，前面是将原数组的元素和结果数组一一比较，下面可以将原数组的重复元素的最后一个元素放入数组中。；这里还有一个优化的版本。

推荐度：

点击下载本文 文档为doc格式

导读数组去重，一般需求是给你一个数组，调用去重方法，返回数值副本，副本中没有重复元素。一般来说，两个元素通过 === 比较返回 true 的视为相同元素，需要去重，所以，1 和 "；1"；是不同的元素，1 和 new Number(1) 是不同的元素，{} 和 {} 是不同的元素（引用不同）。（当然如果需求认为 {} 和 {} 算作相同的元素，那么解法就不一样了）。method 1；使用两重循环；method 2；这里判断可以使用一个语法糖。；但是在低版本浏览器并没有 indexOf。；method3；使用两重循环的另外一种比较方式，前面是将原数组的元素和结果数组一一比较，下面可以将原数组的重复元素的最后一个元素放入数组中。；这里还有一个优化的版本。

数组去重，一般需求是给你一个数组，调用去重方法，返回数值副本，副本中没有重复元素。下面脚本之家小编给大家带来了js数组去重的多种方法，非常不错，需要的朋友参考下

数组去重，一般需求是给你一个数组，调用去重方法，返回数值副本，副本中没有重复元素。一般来说，两个元素通过 === 比较返回 true 的视为相同元素，需要去重，所以，1 和 "1" 是不同的元素，1 和 new Number(1) 是不同的元素，{} 和 {} 是不同的元素（引用不同）。（当然如果需求认为 {} 和 {} 算作相同的元素，那么解法就不一样了）

method 1

使用两重循环

method 2

这里判断可以使用一个语法糖

但是在低版本浏览器并没有 indexOf

method3

使用两重循环的另外一种比较方式,前面是将原数组的元素和结果数组一一比较，下面我们可以将原数组的重复元素的最后一个元素放入数组中

这里还有一个优化的版本

method4

用 javascript 中的 object 对象来当作哈希表

因为 Object 的 key 值都是 String 类型，所以对于 1 和 "1" 无法分别，我们可以稍微改进下，将类型也存入 key 中

总结