当前位置:首页 > 行业动态 > 正文

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中常用的五种数组去重方法,根据实际需求和代码的简洁性,可以选择适合自己的方法进行使用。

0