您现在的位置是:首页 > Javascript
当前栏目
常用的几种数组去重方法
2023-03-09 22:03:17 时间
数组去重常用的几种方法:
定义基础数组变量
- let arr = [8,5,12,8,5,45,2,56,78,45,5,45],
- newArr = []
一、暴力双循环去重法
- for(let i = 0;i < arr.length;i++){
- for(let j = i + 1;j < arr.length;j++){
- if(arr[i] == arr[j]){
- arr.splice(j,1)
- j--
- }
- }
- }
- console.log(arr) // (7) [8, 5, 12, 45, 2, 56, 78]
二、includes()去重法
- for(let i of arr){
- if(!newArr.includes(i)){
- newArr.push(i)
- }else{
- console.log(i + "重复了")
- }
- }
- console.log(newArr) // (7) [8, 5, 12, 45, 2, 56, 78]
三、filter()循环过滤法
- arr.filter((val,index) => {
- if(newArr.indexOf(val) < 0){
- newArr.push(val)
- }
- })
- console.log(newArr) // (7) [8, 5, 12, 45, 2, 56, 78]
四、sort()排序法
- arr = arr.sort() // (12) [12, 2, 45, 45, 45, 5, 5, 5, 56, 78, 8, 8]
- for(let i = 0;i < arr.length;i++){
- if(i <= arr.length - 1 && arr[i] != arr[i + 1]){
- newArr.push(arr[i])
- }
- }
- console.log(newArr) // (7) [12, 2, 45, 5, 56, 78, 8]
五、ES6 Array.from()方法
- console.log(Array.from(new Set(arr))) // (7) [8, 5, 12, 45, 2, 56, 78]
- console.log([...new Set(arr)]) // (7) [8, 5, 12, 45, 2, 56, 78](简写方法)
六、递归去重
- let index = 0
- arr = arr.sort()
- function loop(index){
- if(index > 1){
- if(arr[index] == arr[index - 1]){
- arr.splice(index,1)
- }
- index--
- loop(index)
- }
- }
- loop(arr.length - 1)
- console.log(arr) // (7) [12, 2, 45, 5, 56, 78, 8]
相关文章
- 鲜为人知但很有用的 HTML 属性
- 翻转再翻转!有意思的水平横向溢出滚动
- 自定义计数器小技巧!CSS 实现长按点赞累加动画
- 过五关!React高频面试题指南
- 软件开发中的十个认知偏差
- 不需要 JS!仅用 CSS 也能达到监听页面滚动的效果!
- 一文读懂TypeScript类型兼容性
- Vue 的响应式原则与双向数据绑定
- 快速掌握 TypeScript 新语法:Infer Extends
- JWT教你如何证明你是我的人!
- 一篇带给你 V8 GC 的实现
- 面试官:请使用JS完成一个LRU缓存?
- 通过可视化来学习JavaScript事件循环
- 新的跨域策略:使用 COOP、COEP 为浏览器创建更安全的环境
- 为什么有人说 vite 快,有人却说 vite 慢?
- 种草 Vue3 中几个好玩的插件和配置
- 超全面的前端工程化配置指南
- Vue 状态管理未来样子
- Volatile关键字能保证原子性么?
- 面试突击:SpringBoot 有几种读取配置文件的方法?