js-数组去重方法兼思想详解

前言

数组去重方法繁多,今日项目中偶有小用,决定参略一二,以备他用

方法构建

var list=["老王","老王","老王","老李","老王","老王","老李","老王","小三","小三","老王"];
我们的目标就是将上面的数组去重

想法:
数组去重的本质就是对比然后作用于相同元素或者不同元素,从而达到自己的目的

方法列举:
1.不构建新数组
function derepeat(list){
if(Array.isArray(list)){ //这里是判断传入的数据是否是数组,貌似也可以用instanceof判断吧
 for(var i=0;i<list.length;i++){
        var temp=list[i];
        for(var j=list.length-1;j>i;j--){
            if(temp==list[j]){
                list.splice(j,1);
            }
        }
    }
}else{
	return "数据类型不符合"
}
}
该方法不用新构建数组,在原有的数组上进行比较删除;貌似效率比较低,仁者见仁了;

2.构建新数组
    var temp=[];
    for(var i=0;i<list.length;i++){
        if(temp.indexOf(list[i])==-1){
            temp.push(list[i]);
        }
    }
一句话,简单高效,拿去用法,自己封装

3.ES6 SET方法
var ss=new Set(list);
这里就比较牛逼了,一句话搞定;鉴于就像Java里的set一样,针对业务能力比较弱,用的少,js就不清楚了;

总结归纳

1.去重要学思想,什么循环比较啊,构建新数组啊这些是本质
2.大数据量的效率没有试过,不过一般几万的数据量处理应该不成问题,过大的数据量就赶紧自己写for循环吧,估计没有什么比for循环更高效的了.
3.自己封装的时候记得多一些数据判断,像null,"",undefiend等等,提高用户体验

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
使用every方法可以实现数组去重。下面是一个示例代码: ```javascript function deduplicationArray(arr) { let target = []; arr.forEach(item => { target.every(x => x !== item) && target.push(item); }); return target; } ``` 这个函数接受一个数组作为参数,然后利用forEach方法遍历数组中的每一个元素。在遍历过程中,使用every方法判断目标数组中是否已经存在当前元素,如果不存在则将其添加进目标数组。最后返回目标数组,即为去重后的数组。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [reduce详解和多种用法,可下载直接使用](https://download.csdn.net/download/weixin_39519297/86773412)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [JS数组去重的8种代码实现](https://blog.csdn.net/weixin_41650390/article/details/109211387)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [数组循环方法以及数组去重总结](https://blog.csdn.net/weixin_43848576/article/details/122717528)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

李卓书

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值