js代码-js去除数组中相同元素 - js数组去重的2种方法

在JavaScript中，数组去重是一项常见的操作，尤其是在处理数据集合时。本文将详细介绍两种JavaScript中去除数组中相同元素的方法。 **方法一：ES6 Set** Set是ES6新增的一种数据结构，它的一个重要特性就是所有元素都是唯一的，不允许重复。因此，我们可以利用Set的这一特性来实现数组的去重。 ```javascript // 原始数组 let arr = [1, 2, 3, 2, 4, 3, 5]; // 使用Set去重 let uniqueArr = [...new Set(arr)]; console.log(uniqueArr); // 输出：[1, 2, 3, 4, 5] ``` 在这个例子中，我们首先创建了一个新的Set实例，然后使用扩展运算符(...)将Set转换回数组，这样就得到了一个没有重复元素的新数组。 **方法二：Array.filter()** 另一种常见的去重方法是使用Array的filter()方法，配合indexOf()函数。这种方法适用于不支持Set的旧版本浏览器。 ```javascript // 原始数组 let arr = [1, 2, 3, 2, 4, 3, 5]; // 使用filter和indexOf去重 let uniqueArr = arr.filter((value, index, self) => { return self.indexOf(value) === index; }); console.log(uniqueArr); // 输出：[1, 2, 3, 4, 5] ``` 在这里，filter()方法会遍历数组的每个元素，如果当前元素的索引与在原始数组中第一次出现该元素的索引相等，那么这个元素就会被保留下来，否则会被过滤掉。 **比较两种方法** - **Set方法**更简洁，执行效率较高，尤其在大量数据去重时，性能优势更为明显。但需要注意，Set方法在IE浏览器中不支持，需要考虑兼容性问题。 - **filter+indexOf方法**虽然代码量较多，执行效率相对较低，但它在所有主流浏览器中都得到支持，无需担心兼容性问题。 在实际开发中，应根据项目需求和目标用户群的浏览器环境选择合适的方法。如果你的项目主要面向现代浏览器，那么Set方法无疑更优；反之，filter+indexOf方法则是更为稳妥的选择。 以上就是JavaScript中去除数组中相同元素的两种常用方法，希望对你理解JavaScript的数组操作有所帮助。在使用这些方法时，记得结合实际场景灵活应用，并关注代码的可读性和性能。