🌟js实现数组去重的四种方法✨
2025-04-08 14:35:37
•
来源:
导读 在前端开发中,处理数据时难免会遇到重复元素的问题。今天就来聊聊如何用JavaScript对字符数组进行去重!😎方法一:利用Set对象`Set`是ES6...
在前端开发中,处理数据时难免会遇到重复元素的问题。今天就来聊聊如何用JavaScript对字符数组进行去重!😎
方法一:利用Set对象
`Set`是ES6新增的数据结构,它自动去重。例如:
```javascript
const arr = ['a', 'b', 'a', 'c'];
const uniqueArr = [...new Set(arr)];
console.log(uniqueArr); // ['a', 'b', 'c']
```
方法二:双层循环过滤
通过比较每个元素是否已经存在于新数组中来实现去重:
```javascript
function removeDuplicates(arr) {
const result = [];
for (let i = 0; i < arr.length; i++) {
if (!result.includes(arr[i])) {
result.push(arr[i]);
}
}
return result;
}
```
方法三:排序后去重
先排序再移除相邻重复项:
```javascript
arr.sort().filter((item, index) => item !== arr[index - 1]);
```
方法四:借助Map对象
利用Map记录已出现过的元素:
```javascript
function dedupe(arr) {
const map = new Map();
return arr.filter(item => !map.has(item) && map.set(item, true));
}
```
以上四种方式各有优劣,小伙伴们可以根据实际需求选择适合的方法哦!🚀
版权声明:转载此文是出于传递更多信息之目的。若有来源标注错误或侵犯了您的合法权益,请作者持权属证明与本网联系,我们将及时更正、删除,谢谢您的支持与理解。
关键词: