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.Validate 使用笔记(jQuery Validation范例 )
Jun 25 Javascript
JQuery FlexiGrid的asp.net完美解决方案 dotNetFlexGrid-.Net原生的异步表格控件
Sep 12 Javascript
jquery的冒泡事件的阻止与允许(三种实现方法)
Feb 01 Javascript
js switch case default 的用法示例介绍
Oct 23 Javascript
js 弹出新页面避免被浏览器、ad拦截的一种新方法
Apr 30 Javascript
常用的jquery模板插件——jQuery Boilerplate介绍
Sep 23 Javascript
JS实现上下左右对称的九九乘法表
Feb 22 Javascript
JavaScript常用代码书写规范的超全面总结
Sep 11 Javascript
js 定位到某个锚点的方法
Nov 19 Javascript
js窗口震动小程序分享
Nov 28 Javascript
详解vue中async-await的使用误区
Dec 05 Javascript
JavaScript对象拷贝与赋值操作实例分析
Dec 10 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 远程关机操作的代码
2008/12/05 PHP
Google Voice 短信发送接口PHP开源版(2010.5更新)
2010/07/22 PHP
8个出色的WordPress SEO插件收集
2011/02/26 PHP
pdo中使用参数化查询sql
2011/08/11 PHP
遍历指定目录下的所有目录和文件的php代码
2011/11/27 PHP
php+mysql数据库实现无限分类的方法
2014/12/12 PHP
PHP简单实现无限级分类的方法
2016/05/13 PHP
详解Laravel设置多态关系模型别名的方式
2019/10/17 PHP
php提高脚本性能的4个技巧
2020/08/18 PHP
JS实现简单的Canvas画图实例
2013/07/04 Javascript
javascript中clone对象详解
2014/12/03 Javascript
javascript中去除数组重复元素的实现方法【实例】
2016/04/12 Javascript
第九章之路径分页标签与徽章组件
2016/04/25 Javascript
jQuery height()、innerHeight()、outerHeight()函数的区别详解
2016/05/23 Javascript
JavaScript 程序错误Cannot use 'in' operator to search的解决方法
2017/07/10 Javascript
关于react-router/react-router-dom v4 history不能访问问题的解决
2018/01/08 Javascript
vue-image-crop基于Vue的移动端图片裁剪组件示例
2018/08/28 Javascript
浅谈Vue项目骨架屏注入实践
2019/08/05 Javascript
jQuery实现消息弹出框效果
2019/12/10 jQuery
PyMongo安装使用笔记
2015/04/27 Python
在Python的Django框架中获取单个对象数据的简单方法
2015/07/17 Python
浅谈机器学习需要的了解的十大算法
2017/12/15 Python
使用Python来开发微信功能
2018/06/13 Python
python2与python3的print及字符串格式化小结
2018/11/30 Python
Python编程学习之如何判断3个数的大小
2019/08/07 Python
python隐藏类中属性的3种实现方法
2019/12/19 Python
python seaborn heatmap可视化相关性矩阵实例
2020/06/03 Python
HTML5 HTMLCollection和NodeList的区别详解
2020/04/29 HTML / CSS
伊莱克斯(Electrolux)俄罗斯网上商店:瑞典家用电器品牌
2021/01/23 全球购物
教师竞聘上岗演讲稿
2014/09/03 职场文书
2014年大学团支部工作总结
2014/12/02 职场文书
同学会感言
2015/07/30 职场文书
Python中文纠错的简单实现
2021/07/07 Python
 Redis 串行生成顺序编码的方法实现
2022/04/03 Redis
golang使用map实现去除重复数组
2022/04/14 Golang
python如何读取和存储dict()与.json格式文件
2022/06/25 Python