JavaScript 数组去重详解


Posted in Javascript onSeptember 15, 2021

1.数组去重

/**********************************************
         ?description:
        ?作者: 麒麟社
        ?时间: 2021-09-13 22:26:21
        ?名称: V1.0.5
        ***********************************************/
        var obj = ['麒麟','社','CC','DD','麒麟','社','11',11]
            //定义一个新的数组
            var s = [];
            //遍历数组
            for(var i=0;i<obj.length;i++){
            if(s.indexOf(obj[i]) == -1){  //判断在s数组中是否存在,不存在则push到s数组中
                s.push(obj[i]);
             }
            }
        console.log(s);

JavaScript 数组去重详解

2.数组去重里面的对象去重

/**********************************************
         ?description:
         ?作者: 麒麟社
         ?时间: 2021-09-13 22:26:21
         ?名称: V1.0.5
        ***********************************************/
        var old_data = [
            { name:'ccc', age:'18' },
            { name:'peng', age:'18' }, //去除peng重复
            { name:'aaa', age:'18' },
            { name:'peng', age:'18' },
          ]
          //  方法1:利用对象访问属性的方法,判断对象中是否存在key
          var result = [];
          var obj = {};
          old_data.forEach(function (data) {
          if(!obj[data.name]){
          result.push(data);
          obj[data.name] = true;
            }
          })
          console.log(result);

JavaScript 数组去重详解

3.根据数组某个字段相同,修改另外字段值

/**********************************************
        ?description:
        ?作者: 麒麟社
        ?时间: 2021-09-13 22:26:21
        ?名称: V1.0.5
        ***********************************************/
        var oldData = [
            { name:'cccc', age:'5656' },
            { name:'cccc', age:'22dddsada' },
            { name:'cccc', age:'22dddsada' },
            { name:'aaaa', age:'32' },
            { name:'aaaa', age:'2dasdasdas2' },
          ]
          var newArr = [];
          for (var i = 0; i <oldData.length; i++) {
          var item = oldData[i];
          var isExists = false;
          for (var j = 0; j < newArr.length; j++) {
          var item2 = newArr[j];
          if (item2.name == item.name) {
          isExists = true;
          break;
                }
            }
          if (isExists) {
          // 这里找到相同的,更改一样的
          if(item.name == 'cccc'){
          item.age = '222222'
          item2.age = '222222'
                }else{
          item.age = '3333'
          item2.age = '3333'
                }
          newArr.push(item2);
          continue;
            }
          newArr.push(item);
          }
          console.log(newArr)

JavaScript 数组去重详解

总结

本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注三水点靠木的更多内容!

Javascript 相关文章推荐
JQUERY的属性选择符和自定义选择符使用方法(二)
Apr 07 Javascript
Javascript中3种实现继承的方法和代码实例
Aug 12 Javascript
总结JavaScript中布尔操作符||与&amp;&amp;的使用技巧
Nov 17 Javascript
JavaScript实现页面跳转的方式汇总
May 16 Javascript
vue双向数据绑定原理探究(附demo)
Jan 17 Javascript
js遮罩效果制作弹出注册界面效果
Jan 25 Javascript
Angular17之Angular自定义指令详解
Jan 21 Javascript
vuex与组件联合使用的方法
May 10 Javascript
react实现点击选中的li高亮的示例代码
May 24 Javascript
Vue验证码60秒倒计时功能简单实例代码
Jun 22 Javascript
vue下载excel的实现代码后台用post方法
May 10 Javascript
解决layer弹出层msg的文字不显示的问题
Sep 11 Javascript
5种方法告诉你如何使JavaScript 代码库更干净
Sep 15 #Javascript
JavaScript小技巧带你提升你的代码技能
Sep 15 #Javascript
javascript函数式编程基础
Sep 15 #Javascript
15个值得收藏的JavaScript函数
Sep 15 #Javascript
详解JavaScript中Arguments对象用途
详细谈谈JavaScript中循环之间的差异
Aug 23 #Javascript
javascript代码简写的几种常用方式汇总
Aug 23 #Javascript
You might like
星际争霸, 教主第一视角, ZvT经典龙蛇演义
2020/03/02 星际争霸
提升PHP执行速度全攻略(下)
2006/10/09 PHP
php读取mysql乱码,用set names XXX解决的原理分享
2011/12/29 PHP
PHP设计模式之结构模式的深入解析
2013/06/13 PHP
PHP中的函数-- foreach()的用法详解
2013/06/24 PHP
PHP中文编码小技巧
2014/12/25 PHP
PHP入门教程之图像处理技巧分析
2016/09/11 PHP
thinkphp分页集成实例
2017/07/24 PHP
Javascript 面向对象(一)(共有方法,私有方法,特权方法)
2012/05/23 Javascript
删除javascript中注释语句的正则表达式
2014/06/11 Javascript
一款由jquery实现的整屏切换特效
2014/09/15 Javascript
javascript事件冒泡和事件捕获详解
2015/05/26 Javascript
javascript实现根据函数名称字符串动态执行函数的方法示例
2016/12/28 Javascript
JSON键值对序列化和反序列化解析
2017/01/24 Javascript
JavaScript实现的商品抢购倒计时功能示例
2017/04/17 Javascript
javascript按顺序加载运行js方法
2017/12/01 Javascript
mpvue写一个CPASS小程序的示例
2018/09/04 Javascript
微信小程序云开发实现云数据库读写权限
2019/05/17 Javascript
layui多iframe页面控制定时器运行的方法
2019/09/05 Javascript
vue中实现点击按钮滚动到页面对应位置的方法(使用c3平滑属性实现)
2019/12/29 Javascript
如何在Express4.x中愉快地使用async的方法
2020/11/18 Javascript
[02:02]特效爆炸!DOTA2珍宝之瓶待你开启
2018/08/21 DOTA
使用Python将字符串转换为格式化的日期时间字符串
2019/09/01 Python
python 实现视频 图像帧提取
2019/12/10 Python
Python在字符串中处理html和xml的方法
2020/07/31 Python
金宝贝童装官网:Gymboree
2016/08/31 全球购物
Set里的元素是不能重复的,那么用什么方法来区分重复与否呢?
2016/08/18 面试题
学校采购员岗位职责
2014/01/02 职场文书
运动会广播稿100字
2014/01/11 职场文书
二年级班级文化建设方案
2014/05/10 职场文书
2014年教师政治学习材料
2014/06/02 职场文书
社会实践的活动方案
2014/08/22 职场文书
2014小学数学教研组工作总结
2014/12/06 职场文书
同学聚会感言一句话
2015/07/30 职场文书
《家世》读后感:看家训的力量
2019/12/30 职场文书
一次线上mongo慢查询问题排查处理记录
2022/03/18 MongoDB