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下组织javascript代码(js函数化)
Aug 25 Javascript
JavaScript等比例缩放图片控制超出范围的图片
Aug 06 Javascript
jQuery修改li下的样式以及li下的img的src的值的方法
Nov 02 Javascript
jQuery 中DOM 操作详解
Jan 13 Javascript
javascript中键盘事件用法实例分析
Jan 30 Javascript
浅谈js的url解析函数封装
Jun 28 Javascript
JavaScript遍历Json串浏览器输出的结果不统一问题
Nov 03 Javascript
HTML5+Canvas调用手机拍照功能实现图片上传(下)
Apr 21 Javascript
Angular使用过滤器uppercase/lowercase实现字母大小写转换功能示例
Mar 27 Javascript
使用Vue-cli 3.0搭建Vue项目的方法
Jun 07 Javascript
微信小程序开发实现的IP地址查询功能示例
Mar 28 Javascript
vue 进阶之实现父子组件间的传值
Apr 26 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
php根据身份证号码计算年龄的实例代码
2014/01/18 PHP
Yii中CGridView禁止列排序的设置方法
2016/07/12 PHP
PHP培训要多少钱
2017/06/06 PHP
laravel dingo API返回自定义错误信息的实例
2019/09/29 PHP
XRegExp 0.2: Now With Named Capture
2007/11/30 Javascript
javascript学习笔记(十二) RegExp类型介绍
2012/06/20 Javascript
JS操作数据库的实例代码
2013/10/17 Javascript
JavaScript事件类型中UI事件详解
2016/01/14 Javascript
AngularJS基础 ng-copy 指令实例代码
2016/08/01 Javascript
基于BootStrap栅格栏系统完成网站底部版权信息区
2016/12/23 Javascript
如何提高javascript加载速度
2016/12/26 Javascript
webpack打包后直接访问页面图片路径错误的解决方法
2017/06/17 Javascript
React中上传图片到七牛的示例代码
2017/10/10 Javascript
分析JS单线程异步io回调的特性
2017/12/01 Javascript
JS实现烟花爆炸效果
2020/03/10 Javascript
JS手写一个自定义Promise操作示例
2020/03/16 Javascript
H5+css3+js搭建带验证码的登录页面
2020/10/11 Javascript
[49:42]DOTA2上海特级锦标赛主赛事日 - 3 胜者组第二轮#2Secret VS EG第一局
2016/03/04 DOTA
使用Python判断质数(素数)的简单方法讲解
2016/05/05 Python
Python3匿名函数用法示例
2018/07/25 Python
Python中几种属性访问的区别与用法详解
2018/10/10 Python
pandas 条件搜索返回列表的方法
2018/10/30 Python
python获取点击的坐标画图形的方法
2019/07/09 Python
Python使用jpype模块调用jar包过程解析
2020/07/29 Python
印度在线杂货店:bigbasket
2018/08/23 全球购物
Ryderwear澳洲官网:澳大利亚高端健身训练装备品牌
2018/09/18 全球购物
开学寄语大全
2014/04/08 职场文书
离婚协议书范本及离婚须知
2014/10/15 职场文书
经典导游欢迎词
2015/01/26 职场文书
春季运动会开幕词
2015/01/28 职场文书
承诺书的签字人,需不需要承担相应的责任?
2019/07/09 职场文书
导游词之青岛太清宫
2019/12/13 职场文书
解决Nginx 配置 proxy_pass 后 返回404问题
2021/03/31 Servers
用Python提取PDF表格的方法
2021/04/11 Python
Python数据分析之pandas读取数据
2021/06/02 Python
分析Python感知线程状态的解决方案之Event与信号量
2021/06/16 Python