网站首页 > java教程 正文
JavaScript 实现数组去重的方法有多种,以下是其中几种常见的方法:
利用 Set 数据结构去重:
Set 是一个可扩展的有序数据结构,可以方便地对集合进行去重。使用 Set 去重的方法是将数组转换为 Set,然后再将 Set 转换回数组。
const arr = [1, 2, 3, 4, 3, 2, 1, 2, 5, 4, 6];
const uniqueArr = [...new Set(arr)];
console.log(uniqueArr); // [1, 2, 3, 4, 5, 6]
利用 Array.filter() 方法去重:
Array.filter() 方法可以根据指定的条件过滤数组中的元素,并返回符合条件的元素。使用 filter() 方法去重的方法是将数组转换为 Array,然后使用 filter() 方法过滤数组中的元素,最后将过滤后的结果转换回数组。
const arr = [1, 2, 3, 4, 3, 2, 1, 2, 5, 4, 6];
const uniqueArr = arr.filter((item) => item);
console.log(uniqueArr); // [1, 2, 3, 4, 5, 6]
利用 Array.indexOf() 方法去重:
Array.indexOf() 方法可以返回指定元素在数组中的索引位置,如果该元素不存在,则返回 -1。使用 indexOf() 方法去重的方法是先将数组转换为 Array,然后使用 indexOf() 方法查找数组中是否包含指定元素,最后返回指定元素的索引位置。
const arr = [1, 2, 3, 4, 3, 2, 1, 2, 5, 4, 6];
const uniqueArr = arr.indexOf(2);
console.log(uniqueArr); // 2
利用 Array.reduce() 方法去重:
Array.reduce() 方法可以遍历数组,对数组中的每个元素执行一定的操作。使用 reduce() 方法去重的方法是将数组转换为 Array,然后使用 reduce() 方法遍历数组,对数组中的每个元素执行一定的操作,最后返回操作后的结果。
const arr = [1, 2, 3, 4, 3, 2, 1, 2, 5, 4, 6];
const uniqueArr = arr.reduce((accumulator, currentValue) => {
if (accumulator.includes(currentValue)) {
accumulator.push(currentValue);
} else {
accumulator.push([currentValue]);
}
return accumulator;
}, []);
console.log(uniqueArr); // [1, 2, 3, 4, 5, 6]
使用 HashMap(对象)去重
const arr = [1, 2, 2, 3, 3, 4, 5];
const obj = {};
const uniqArr = arr.filter((item) => {
return obj.hasOwnProperty(typeof item + item) ? false : (obj[typeof item + item] = true);
});
console.log(uniqArr); // [1, 2, 3, 4, 5]
使用 includes 方法
const arr = [1, 2, 2, 3, 3, 4, 5];
const uniqArr = [];
for (let i = 0; i < arr.length; i++) {
if (!uniqArr.includes(arr[i])) {
uniqArr.push(arr[i]);
}
}
console.log(uniqArr); // [1, 2, 3, 4, 5]
使用 forEach 方法
const arr = [1, 2, 2, 3, 3, 4, 5];
const uniqArr = [];
arr.forEach((item) => {
if (!uniqArr.includes(item)) {
uniqArr.push(item);
}
});
console.log(uniqArr); // [1, 2, 3, 4, 5]
使用 ES6 中的 Map
const arr = [1, 2, 2, 3, 3, 4, 5];
const uniqArr = [];
const map = new Map();
for (let i = 0; i < arr.length; i++) {
if (!map.has(arr[i])) {
map.set(arr[i], true);
uniqArr.push(arr[i]);
}
}
console.log(uniqArr); // [1, 2, 3, 4, 5]
sort 方法实现数组去重
function unique(arr) {
arr.sort();
let len = arr.length;
let result = [arr[0]];
for (let i = 0; i < len; i++) {
if (arr[i] !== arr[i-1]) {
result.push(arr[i]);
}
}
return result;
}
以上是 JavaScript 实现数组去重的几种常见方法,可以根据具体情况选择适合的方法。
- 上一篇: 前端30秒代码-使用set实现数组去重
- 下一篇: 前端最全数组去重,面试必备
猜你喜欢
- 2024-11-22 Excel多列去重的两种方式
- 2024-11-22 js 数组去重复
- 2024-11-22 想要优雅的Excel数据去重,还得是unique函数
- 2024-11-22 自从学了深入解析java虚拟机:FullGC和字符串去重后,我无敌了
- 2024-11-22 携程 & 蘑菇街 & bilibili:手写数组去重、扁平化函数
- 2024-11-22 java数组的拷贝及Arrays类
- 2024-11-22 简单学Python——NumPy库7——排序和去重
- 2024-11-22 VBA数组与字典解决方案第44讲:利用字典排重,并提取不重复值
- 2024-11-22 php怎么用array_unique()函数去除数组中重复的值?
- 2024-11-22 List怎么去重?还只会用Set互换吗?一篇文章帮你打开“新世界”
你 发表评论:
欢迎- 最近发表
-
- 五,网络安全IDA Pro反汇编工具初识及逆向工程解密实战
- 「JAVA8」- Lambda 表达式(java lambda表达式原理)
- 深入探讨Java代码保护:虚拟机保护技术的新时代
- Nginx反向代理原理详解(图文全面总结)
- 逆向拆解日本IT,哪些Java技术栈薪资溢价高
- mybatis 逆向工程使用姿势不对,把表清空了,心里慌的一比
- Spring Boot集成ProGuard轻松实现Java 代码混淆, Java 应用固若金汤
- 从 Java 代码逆向工程生成 UML 类图和序列图
- 人与人相处:尊重是标配,靠谱是高配,厚道是顶配
- Windows系统安装日期如何修改(windows10怎么修改安装日期)
- 标签列表
-
- java反编译工具 (77)
- java反射 (57)
- java接口 (61)
- java随机数 (63)
- java7下载 (59)
- java数据结构 (61)
- java 三目运算符 (65)
- java对象转map (63)
- Java继承 (69)
- java字符串替换 (60)
- 快速排序java (59)
- java并发编程 (58)
- java api文档 (60)
- centos安装java (57)
- java调用webservice接口 (61)
- java深拷贝 (61)
- 工厂模式java (59)
- java代理模式 (59)
- java.lang (57)
- java连接mysql数据库 (67)
- java重载 (68)
- java 循环语句 (66)
- java反序列化 (58)
- java时间函数 (60)
- java是值传递还是引用传递 (62)
本文暂时没有评论,来添加一个吧(●'◡'●)