JavaScript中数组去重的5种方法是什么

在JavaScript中，有多种方法可以去除数组中的重复元素，下面将介绍五种常见的方法，并使用小标题和单元表格进行详细说明：

1. 使用Set对象去重

const arr = [1, 2, 3, 4, 4, 5];
const uniqueArr = [...new Set(arr)];
console.log(uniqueArr); // 输出： [1, 2, 3, 4, 5]

2. 使用filter方法去重

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

3. 使用reduce方法去重

const arr = [1, 2, 3, 4, 4, 5];
const uniqueArr = arr.reduce((accumulator, item) => {
  if (!accumulator.includes(item)) {
    accumulator.push(item);
  }
  return accumulator;
}, []);
console.log(uniqueArr); // 输出： [1, 2, 3, 4, 5]

4. 使用for循环和indexOf方法去重

const arr = [1, 2, 3, 4, 4, 5];
const 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]

5. 使用双重for循环和splice方法去重

const arr = [1, 2, 3, 4, 4, 5];
for (let i = 0; i < arr.length; i++) {
  for (let j = i + 1; j < arr.length; j++) {
    if (arr[i] === arr[j]) {
      arr.splice(j, 1);
      j; // 因为删除了一个元素，需要将索引减一，重新检查当前元素是否重复
    }
  }
}
console.log(arr); // 输出： [1, 2, 3, 4, 5]

以上是JavaScript中常用的五种数组去重方法，根据实际需求和代码的简洁性，可以选择适合自己的方法进行使用。

名称栏目：JavaScript中数组去重的5种方法是什么
分享网址：http://www.csdahua.cn/qtweb/news45/352795.html

网站建设、网络推广公司-快上网，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 快上网