🌟js数组去重常见的七种方法🌟
科技
2025-04-08 14:03:10
导读 在前端开发中,处理数组数据是家常便饭,而数组去重更是常见需求之一。以下是七种常见的JavaScript数组去重方法,快来收藏吧!💪第一招:利...
在前端开发中,处理数组数据是家常便饭,而数组去重更是常见需求之一。以下是七种常见的JavaScript数组去重方法,快来收藏吧!💪
第一招:利用Set对象 ✅
`[...new Set(arr)]`,简单高效,一行代码搞定!
第二招:filter+indexOf 🔍
`arr.filter((item, index) => arr.indexOf(item) === index)`,适合初学者理解。
第三招:forEach+includes 🔄
通过`forEach`循环结合`includes`判断是否已存在,代码直观易懂。
第四招:reduce累积法 🔄
`arr.reduce((prev, cur) => prev.includes(cur) ? prev : [...prev, cur], [])`,适合追求优雅写法的朋友。
第五招:双层遍历 🧮
两层循环对比,剔除重复元素,逻辑基础但效率较低。
第六招:Map对象 🗺️
利用Map存储值,检查是否存在重复,适合大数据场景。
第七招:ES6扩展运算符+includes ✨
`[...new Set(arr.map(item => item))]`,结合多种特性实现去重。
掌握这些技巧,数组去重so easy!快去实践一下吧!🚀