当前位置: 首页 > article >正文

【js】数组去重

在JavaScript中,数组去重是一项常见的操作,可以通过多种方法实现。以下是几种常用的数组去重方法:

1. 利用 Set 对象

Set 是一个集合,它内部的元素都是唯一的,因此可以利用 Set 对象来快速去重。

let array = [1, 2, 2, 3, 4, 4, 5];
let uniqueArray = [...new Set(array)];
console.log(uniqueArray); // 输出: [1, 2, 3, 4, 5]

2. 利用 filter() 方法

使用数组的 filter() 方法,结合 indexOf(),可以筛选出首次出现的元素。

let array = [1, 2, 2, 3, 4, 4, 5];
let uniqueArray = array.filter((item, index) => {
  return array.indexOf(item) === index;
});
console.log(uniqueArray); // 输出: [1, 2, 3, 4, 5]

3. 利用 reduce() 方法

使用数组的 reduce() 方法,可以逐步构建一个去重后的新数组。

let array = [1, 2, 2, 3, 4, 4, 5];
let uniqueArray = array.reduce((unique, item) => {
  return unique.includes(item) ? unique : [...unique, item];
}, []);
console.log(uniqueArray); // 输出: [1, 2, 3, 4, 5]

4. 利用对象属性

通过创建一个空对象,利用对象的属性来判断元素是否重复。

let array = [1, 2, 2, 3, 4, 4, 5];
let uniqueObj = {};
let uniqueArray = array.filter((item) => {
  return uniqueObj.hasOwnProperty(item) ? false : (uniqueObj[item] = true);
});
console.log(uniqueArray); // 输出: [1, 2, 3, 4, 5]

http://www.kler.cn/a/291911.html

相关文章:

  • Py之pymupdf:基于langchain框架结合pymupdf库实现输出每个PDF页面的文本内容、元数据等
  • 如何使用 XML Schema
  • C++11(四)---可变参数模板
  • java小练习
  • vue之axios根据某个接口创建实例,并设置headers和超时时间,捕捉异常
  • HBuilder(uniapp) 配置android模拟器
  • Day-04-QFile打开文件的两种方式
  • 计算机毕业设计 | SpringBoot+vue问卷调查系统 社会调研平台(附源码)
  • 【个人思考】 Java为什么解释执行时不直接解释源码?
  • 前端基础面试题·第二篇——CSS(其一)
  • 阶段二 - 小程序反编译及调试
  • 哪款宠物空气净化器能更好的清理浮毛?希喂、352、IAM测评分享
  • MATLAB绘图基础4:MATLAB函数
  • WEB服务器-Tomcat
  • PhpStorm中配置调试功能
  • golang学习笔记02——gin框架及基本原理
  • 【生日视频制作】星空木屋霓虹灯爱心形照片AE模板修改文字软件生成器教程特效素材【AE模板】
  • 2024国赛数学建模A题思路模型
  • 学习记录:js算法(二十一):字符串的排列、替换后的最长重复字符
  • C# 去掉字符串最后一个字符的5种方法
  • vue动画特效
  • webpack加载器、demo和核心工作原理
  • 一个专门解决信创加密的方案:信创沙箱
  • 【代码随想录训练营第42期 Day46打卡 - 回文问题 - LeetCode 647. 回文子串 516.最长回文子序列
  • AI短剧时代来临,用ai生成短剧的工具?AI文字生成短视频工具系统搭建开发,AI前景趋势怎么样?
  • HTTP和HTTPS的区别?哪一个更适合你的网站?