js数组去重(4种方法)

1.使用 js 中的 filter 和 indexOf 来进行数组去重
// 示例数组
let array = [1, 2, 3, 1, 2, 4, 5, 3];

// 使用 filter 和 indexOf 进行去重

let uniqueArray = array.filter((value, index, self) => {
    // 返回第一次出现的索引位置,若当前索引与第一次出现的索引相同,则保留该元素
    return self.indexOf(value) === index;
});

console.log(uniqueArray); // 输出去重后的数组 [1, 2, 3, 4, 5]
2.使用 Set 数据结构
let array = [1, 2, 3, 1, 2, 4, 5, 3];

let uniqueArray = [...new Set(array)];

console.log(uniqueArray); // 输出去重后的数组 [1, 2, 3, 4, 5]
3.reduce
let array = [1, 2, 3, 1, 2, 4, 5, 3];

let uniqueArray = array.reduce((acc, currentValue) => {

    if (acc.indexOf(currentValue) === -1) {  // 这里检查当前值在累加器(acc)中是否不存在
        acc.push(currentValue);  // 如果不存在,就将其添加到累加器中
    }
    return acc;  // 返回更新后的累加器

}, []);  // 初始时,累加器为空数组

console.log(uniqueArray); // 输出去重后的数组 [1, 2, 3, 4, 5]
4.map
  • 首先创建了一个 Map 对象 map 。
  • 然后通过 for...of 循环遍历输入的数组 array 。
  • 对于每个元素 item ,检查 map 中是否已经存在该元素(通过 map.has(item) )。如果不存在,就使用 map.set(item, true) 将其添加到 map 中。由于 Map 的键是唯一的,所以重复的元素不会被再次添加。
  • 最后,使用 Array.from(map.keys()) 将 map 的键提取出来并转换为一个新的数组 uniqueArray ,从而实现了数组的去重。
let array = [1, 2, 3, 1, 2, 4, 5, 3];

let map = new Map();

for (let item of array) {  // 遍历数组中的每个元素
    if (!map.has(item)) {  // 如果 Map 中不存在当前元素
        map.set(item, true);  // 将当前元素作为键,值为 true 存入 Map 中,利用 Map 键的唯一性来实现去重
    }
}

let uniqueArray = Array.from(map.keys());  // 将 Map 的键转换为数组
 

相关推荐

  1. js数组4方法)

    2024-07-17 18:48:02       20 阅读
  2. js 数组的6方法

    2024-07-17 18:48:02       30 阅读
  3. List数据4有效方法

    2024-07-17 18:48:02       43 阅读
  4. js多种数组方法

    2024-07-17 18:48:02       51 阅读
  5. js数组常见方法

    2024-07-17 18:48:02       34 阅读
  6. js 数组

    2024-07-17 18:48:02       56 阅读
  7. js数组对象方法

    2024-07-17 18:48:02       59 阅读
  8. js中常用数组方法

    2024-07-17 18:48:02       47 阅读
  9. js如何数组

    2024-07-17 18:48:02       57 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-17 18:48:02       67 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-17 18:48:02       72 阅读
  3. 在Django里面运行非项目文件

    2024-07-17 18:48:02       58 阅读
  4. Python语言-面向对象

    2024-07-17 18:48:02       69 阅读

热门阅读

  1. Python列表基础与高级应用详解

    2024-07-17 18:48:02       25 阅读
  2. 构建可扩展的淘客返利系统架构设计与实现

    2024-07-17 18:48:02       24 阅读
  3. 神经网络类型

    2024-07-17 18:48:02       23 阅读
  4. ArduPilot开源代码之AP_DAL_GPS

    2024-07-17 18:48:02       20 阅读
  5. 江苏服务器租用:算力服务器适用于哪些场景?

    2024-07-17 18:48:02       19 阅读
  6. C语言求阶乘

    2024-07-17 18:48:02       19 阅读
  7. 力扣每日一题:2956. 找到两个数组中的公共元素

    2024-07-17 18:48:02       26 阅读
  8. 星月工作室信息组团队/XYOI

    2024-07-17 18:48:02       27 阅读
  9. EXIT_SUCCESS、EXIT_FAILURE、return的区别和用法

    2024-07-17 18:48:02       21 阅读
  10. 07 - FFmpeg 更改视频分辨率 - 保存 yuv420p

    2024-07-17 18:48:02       19 阅读