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

JavaScript中数组去重的5种方法是什么JavaScript中数组去重的5种方法是什么(图片来源网络,侵删)

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

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。