js数组去重的方法有哪些

js数组去重的方法有使用Set、使用indexOf、使用includes、使用filter和使用reduce。1、使用Set，特点是集合中的元素不会重复；2、使用indexOf，可以返回指定元素在数组中的第一个索引位置；3、使用includes，可以用来判断一个元素是否已经存在于数组中；4、使用filter，可以用来筛选元素；5、使用reduce，可以将数组中的元素压缩等等。

本教程操作环境：windows10系统、JavaScript ES12版本、DELL G3电脑。

在JavaScript编程中，我们经常会遇到需要对数组进行去重操作的情况。去重是指将数组中重复的元素去除，只保留其中的一个。本文将介绍一些常用的JavaScript数组去重方法，以帮助读者更好地理解和应用。

方法一：使用Set

ES6中引入的Set对象是一种新的数据结构，它可以帮助我们快速进行数组去重。Set对象的特点是集合中的元素不会重复。我们可以简单地将数组转换为Set对象，然后再将Set对象转换回数组，从而达到去重的目的。

示例代码：

let arr = [1, 2, 2, 3, 3, 4, 5];
let uniqueArr = Array.from(new Set(arr));
console.log(uniqueArr); // [1, 2, 3, 4, 5]

方法二：使用indexOf

JavaScript中的数组对象提供了一个indexOf方法，它可以返回指定元素在数组中的第一个索引位置。我们可以利用此方法来判断一个元素是否已经存在于新的数组中，如果不存在，则将其添加进去。

示例代码：

let arr = [1, 2, 2, 3, 3, 4, 5];
let uniqueArr = [];
for (let i = 0; i < arr.length; i++) {
if (uniqueArr.indexOf(arr[i]) === -1) {
uniqueArr.push(arr[i]);
}
}
console.log(uniqueArr); // [1, 2, 3, 4, 5]

方法三：使用includes

ES7中引入的includes方法与indexOf方法类似，它可以用来判断一个元素是否已经存在于数组中。我们可以利用这个方法来进行数组去重操作。

示例代码：

let arr = [1, 2, 2, 3, 3, 4, 5];
let uniqueArr = [];
for (let i = 0; i < arr.length; i++) {
if (!uniqueArr.includes(arr[i])) {
uniqueArr.push(arr[i]);
}
}
console.log(uniqueArr); // [1, 2, 3, 4, 5]

方法四：使用filter

JavaScript中的数组对象提供了一个filter方法，它可以用来筛选元素。我们可以利用这个方法来进行数组去重操作，只保留第一次出现的元素。

示例代码：

let arr = [1, 2, 2, 3, 3, 4, 5];
let uniqueArr = arr.filter((item, index) => {
return arr.indexOf(item) === index;
});
console.log(uniqueArr); // [1, 2, 3, 4, 5]

方法五：使用reduce

JavaScript中的数组对象提供了一个reduce方法，它可以将数组中的元素“压缩”为一个单独的值。我们可以利用这个方法来进行数组去重操作。

示例代码：

let arr = [1, 2, 2, 3, 3, 4, 5];
let uniqueArr = arr.reduce((prev, curr) => {
if (!prev.includes(curr)) {
prev.push(curr);
}
return prev;
}, []);
console.log(uniqueArr); // [1, 2, 3, 4, 5]

结论：

本文介绍了JavaScript中常用的数组去重方法，其中包括使用Set、indexOf、includes、filter和reduce等方法。读者可以根据实际情况选择合适的方法来进行数组去重操作。在实际开发中，数组去重是一项非常基础和常用的操作，掌握了这些方法，可以更高效地处理数组数据，提升程序的性能和可读性 。

【文章原创作者：香港服务器 http://www.558idc.com/hk.html提供,感谢支持】