技术文摘
常见的数组去重若干方法
2024-12-31 05:26:25 小编
常见的数组去重若干方法
在 JavaScript 编程中,数组去重是一个常见的需求。以下将介绍几种常见的数组去重方法。
方法一:使用 Set 数据结构
Set 是 ES6 新增的数据结构,它的一个重要特性就是成员的值都是唯一的。我们可以利用这一特性来实现数组去重。
let arr = [1, 2, 2, 3, 3, 3, 4, 4, 4, 4];
let uniqueArr = Array.from(new Set(arr));
console.log(uniqueArr);
方法二:使用 filter 方法
filter 方法创建一个新数组,其包含通过提供函数实现的测试的所有元素。
let arr = [1, 2, 2, 3, 3, 3, 4, 4, 4, 4];
let uniqueArr = arr.filter((item, index, self) => self.indexOf(item) === index);
console.log(uniqueArr);
方法三:使用 reduce 方法
reduce 方法对数组中的每个元素执行一个提供的 reducer 函数(升序执行),将其结果汇总为单个返回值。
let arr = [1, 2, 2, 3, 3, 3, 4, 4, 4, 4];
let uniqueArr = arr.reduce((accumulator, currentValue) => {
if (!accumulator.includes(currentValue)) {
accumulator.push(currentValue);
}
return accumulator;
}, []);
console.log(uniqueArr);
方法四:先排序再去重
先对数组进行排序,然后依次比较相邻的元素,如果相同则跳过。
let arr = [1, 2, 2, 3, 3, 3, 4, 4, 4, 4];
arr.sort((a, b) => a - b);
let uniqueArr = [arr[0]];
for (let i = 1; i < arr.length; i++) {
if (arr[i]!== arr[i - 1]) {
uniqueArr.push(arr[i]);
}
}
console.log(uniqueArr);
在实际应用中,选择哪种数组去重方法取决于具体的场景和需求。例如,如果对性能要求较高,可以优先考虑使用 Set 方法;如果需要在去重的过程中进行一些复杂的逻辑处理,可以选择 reduce 方法。
掌握这些常见的数组去重方法,能够让我们在编程中更加高效地处理数据,提升代码的质量和可读性。
- jQuery中使用attr方法删除属性值的方法
- 借助jQuery实现元素显示与隐藏管理
- 探秘HTML5全局属性:五个要点须知
- Vue引入静态jQuery出错的解决方法
- jQuery删除元素的最后一个子元素方法
- 深度剖析jQuery删除表格td元素的方法
- 通过jQuery获取另一JSP页面传来的参数
- 处理HTTP请求超时问题该用哪个状态码
- 用jQuery让输入框只能输入数字和小数点
- JS 中实现深拷贝的方法汇总
- 探究不同类型变量在编程中的含义与使用方法
- 借助jQuery实现AJAX请求以达成页面数据动态加载
- 揭秘 jQuery load 方法的潜在挑战
- jQuery实现动态修改表格行属性
- jQuery 实现修改 class 名的实用技巧