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 相关文章推荐
JavaScript 设计模式 富有表现力的Javascript(一)
May 26 Javascript
javascript错误的认识不用关心内存管理
Dec 15 Javascript
jquery对元素拖动排序示例
Jan 16 Javascript
JS阻止冒泡事件以及默认事件发生的简单方法
Jan 17 Javascript
js 数值转换为3位逗号分隔的示例代码
Feb 19 Javascript
Node.js文件操作详解
Aug 16 Javascript
javascript原型继承工作原理和实例详解
Apr 07 Javascript
基于JavaScript实现带数据验证和复选框的表单提交
Aug 23 Javascript
浅谈Emergence.js 检测元素可见性的 js 插件
Nov 18 Javascript
node 文件上传接口的转发的实现
Sep 23 Javascript
vue实现鼠标经过动画
Oct 16 Javascript
webpack5 联邦模块介绍详解
Jul 08 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
不用数据库的多用户文件自由上传投票系统(2)
2006/10/09 PHP
解决dede生成静态页和动态页转换的一些问题,及火车采集入库生成动态的办法
2007/03/29 PHP
浅析php header 跳转
2013/06/17 PHP
网页上facebook分享功能具体实现
2014/01/26 PHP
深入分析PHP引用(&amp;)
2014/09/04 PHP
php实现的简单检验登陆类
2015/06/18 PHP
yii2.0数据库迁移教程【多个数据库同时同步数据】
2016/10/08 PHP
纯JS实现的批量图片预览加载功能
2011/08/14 Javascript
javascript检测对象中是否存在某个属性判断方法小结
2013/05/19 Javascript
纯JS实现根据CSS的class选择DOM
2014/03/22 Javascript
jquery-syntax动态语法着色示例代码
2014/05/14 Javascript
javascript控制台详解
2015/06/25 Javascript
js数组去重的5种算法实现
2015/11/04 Javascript
BootStrap入门教程(三)之响应式原理
2016/09/19 Javascript
vue 组件中slot插口的具体用法
2018/04/03 Javascript
使用jquery DataTable和ajax向页面显示数据列表的方法
2018/08/09 jQuery
jQuery时间戳和日期相互转换操作示例
2018/12/07 jQuery
jquery的$().each和$.each的区别
2019/01/18 jQuery
tracking.js实现前端人脸识别功能
2020/04/16 Javascript
vue element和nuxt的使用技巧分享
2021/01/14 Vue.js
Python中使用第三方库xlrd来读取Excel示例
2015/04/05 Python
Python开发之pip安装及使用方法详解
2020/02/21 Python
浅谈tensorflow中dataset.shuffle和dataset.batch dataset.repeat注意点
2020/06/08 Python
Python中常用的os操作汇总
2020/11/05 Python
Python命令行参数定义及需要注意的地方
2020/11/30 Python
html5适合移动应用开发的12大特性
2014/03/19 HTML / CSS
法拉利英国精品店:Ferraris Boutique UK
2019/07/20 全球购物
设计师大码女装:11 Honoré
2020/05/03 全球购物
国家助学金获奖感言
2014/01/31 职场文书
企业法人授权委托书
2014/04/03 职场文书
护士实习求职信
2014/06/22 职场文书
死亡赔偿协议书
2015/01/28 职场文书
2015年医药代表工作总结
2015/04/25 职场文书
三严三实·严以用权心得体会
2016/01/12 职场文书
三严三实·严以修身心得体会
2016/01/15 职场文书
Python编程中内置的NotImplemented类型的用法
2022/03/23 Python