uniapp数组去重

时间: 2023-10-01 19:09:05 浏览: 174

高性能js数组去重(12种方法，史上最全)

在JavaScript中，数组去重是一项常见的编程任务，尤其在面试中常常被用来考察候选人的算法理解和编程技巧。这里我们将探讨12种不同的方法来实现JS数组去重，以提高对这些技术的理解。 1. **利用ES6 Set去重**： Set是ES6中新增的数据结构，它不允许重复的值。通过将数组转换为Set，然后再转回数组，可以实现去重。 ```javascript function unique(arr) { return Array.from(new Set(arr)); } ``` 2. **利用for嵌套与splice去重**：这种方法通过两层循环，外层遍历数组元素，内层比较元素值，如果相等则删除第二个元素。 ```javascript function unique(arr) { for (var i = 0; i < arr.length; i++) { for (var j = i + 1; j < arr.length; j++) { if (arr[i] == arr[j]) { arr.splice(j, 1); j--; } } } return arr; } ``` 3. **利用indexOf去重**：通过检查新数组中是否已经存在当前元素，若不存在则将其添加。 ```javascript function unique(arr) { var array = []; for (var i = 0; i < arr.length; i++) { if (array.indexOf(arr[i]) === -1) { array.push(arr[i]); } } return array; } ``` 4. **利用sort()去重**：对数组排序后，相邻的重复元素会相邻，然后通过比较相邻元素是否相等来去重。 ```javascript function unique(arr) { arr = arr.sort(); var arrry = [arr[0]]; for (var i = 1; i < arr.length; i++) { if (arr[i] !== arr[i - 1]) { arrry.push(arr[i]); } } return arrry; } ``` 5. **利用filter去重**：利用filter方法，返回一个新数组，包含所有通过测试的元素。 ```javascript function unique(arr) { return arr.filter((item, index, self) => self.indexOf(item) === index); } ``` 6. **利用reduce去重**： reduce方法将数组元素减少到一个单一的值，我们可以在此过程中去重。 ```javascript function unique(arr) { return arr.reduce((acc, cur) => acc.includes(cur) ? acc : [...acc, cur], []); } ``` 7. **利用Map去重**： Map对象允许存储键值对，且键是唯一的。 ```javascript function unique(arr) { return Array.from(new Map(arr.map(item => [item, item])).keys()); } ``` 8. **利用双重Array.prototype.toString去重**：数组的toString方法会将数组转换为字符串，两个相同的数组转换后的字符串是相等的。 ```javascript function unique(arr) { return arr.filter((item, index, self) => { return self.indexOf(item) === index && self.lastIndexOf(item) === index; }).join(',').split(','); } ``` 9. **利用Object属性去重**：将数组元素作为对象的属性，利用对象属性的唯一性去重。 ```javascript function unique(arr) { var obj = {}; return Object.keys(arr.reduce((o, v) => (o[v] = 1, o), obj)).map(key => +key); } ``` 10. **利用Set与JSON.stringify去重**：先将数组转换为JSON字符串，然后去重，再解析回数组。 ```javascript function unique(arr) { let strArr = JSON.stringify(arr); return JSON.parse(strArr.replace(/(\w+),\1/g, '$1')); } ``` 11. **利用自定义函数比较去重**：定义一个比较函数，根据特定规则去重。 ```javascript function unique(arr, compareFn = (a, b) => a === b) { return arr.filter((item, index) => arr.findIndex(i => compareFn(i, item)) === index); } ``` 12. **利用lodash库的uniq方法**：如果允许使用第三方库，lodash的uniq方法非常方便。 ```javascript const _ = require('lodash'); function unique(arr) { return _.uniq(arr); } ``` 以上12种方法各有优缺点，例如Set和Map在处理复杂类型如对象时可能存在问题，而基于字符串的去重方法可能会忽略某些细微差异。因此，在实际应用中，需根据具体场景选择合适的方法。在面试中，理解多种方法并能解释其工作原理，将有助于展示你的编程思维和解决问题的能力。

在uniapp中，可以使用Set数据结构来实现数组去重。首先，将数组转换为Set，然后将Set转换回数组即可实现去重。以下是一个示例代码： ```javascript // 原始数组 let arr = [1, 2, 2, 3, 4, 4, 5]; // 数组去重 let uniqueArr = [...new Set(arr)]; console.log(uniqueArr); // 输出 [1, 2, 3, 4, 5] ```

阅读全文

uniapp数组去重

相关推荐

详解Vue中数组和对象更改后视图不刷新的问题

comma-split:将逗号分隔的字符串拆分为一个数组

uniapp中非数组去重

uniapp数组截取

uniapp数组长度

uniapp 数组长度

uniapp数组操作

uniapp 数组追加

uniapp数据去重

uniapp数组清空

uniapp数组转对象

uniapp 数组转object

uniapp 数组添加数据

uniapp 数组添加元素

uniapp数组中删除对象

uniapp数组转字符串

uniapp 数组转字符串

uniapp数组删除指定元素

uniapp 数组中插入元素

最新推荐

【重磅，更新！】2002-2021年中国31省份经济韧性测度三级指标数据合集（各省、市、企业等）

前端协作项目：发布猜图游戏功能与待修复事项

管理建模和仿真的文件

【高斯信道信号编码优化】：4大方法优化Chirp信号编码过程

对给定图，实现图的深度优先遍历和广度优先遍历。以邻接表或邻接矩阵为存储结构，实现连通无向图的深度优先和广度优先遍历。以用户指定的结点为起点，分别输出每种遍历下的结点访问序列，并调试算法。使用C语言

Spring框架REST服务开发实践指南

"互动学习：行动中的多样性与论文攻读经历"

【Chirp信号检测算法精解】：掌握高效检测Chirp信号的5大关键步骤

如何修改此代码使其支持模糊匹配？

ALU课设实现基础与高级运算功能