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 相关文章推荐
Web版彷 Visual Studio 2003 颜色选择器
Jan 09 Javascript
在Linux上用forever实现Node.js项目自启动
Jul 09 Javascript
简单的jquery左侧导航栏和页面选中效果
Aug 21 Javascript
jQuery实用技巧必备(上)
Nov 02 Javascript
js生成随机数的过程解析
Nov 24 Javascript
纯js实现手风琴效果
Apr 17 Javascript
浅析Bootstrap表格的使用
Jun 23 Javascript
AngularJS指令中的绑定策略实例分析
Dec 14 Javascript
详解JavaScript时间处理之几个月前或几个月后的指定日期
Dec 21 Javascript
JS实现可视化文件上传
Sep 08 Javascript
解决angular双向绑定无效果,ng-model不能正常显示的问题
Oct 02 Javascript
vue3中轻松实现switch功能组件的全过程
Jan 07 Vue.js
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在文件指定行中写入代码的方法
2012/05/23 PHP
php中存储用户ID和密码到mysql数据库的方法
2013/02/06 PHP
Laravel中注册Facades的步骤详解
2016/03/16 PHP
浅谈php处理后端&amp;接口访问超时的解决方法
2016/10/29 PHP
thinkphp 手机号和用户名同时登录
2017/01/20 PHP
载入进度条 效果
2006/07/08 Javascript
繁简字转换功能
2006/07/19 Javascript
jQuery 定时局部刷新(setInterval)
2010/11/19 Javascript
Jquery中对数组的操作代码
2011/08/12 Javascript
javascript制作的cookie封装及使用指南
2015/01/02 Javascript
JS实现控制文本框的内容
2016/07/10 Javascript
JavaScript中清空数组的方法总结
2016/12/02 Javascript
js控制一个按钮是否可点击(可使用)disabled的实例
2017/02/14 Javascript
Vue框架中正确引入JS库的方法介绍
2017/07/30 Javascript
深入理解JavaScript的值传递和引用传递
2018/10/24 Javascript
原生JS forEach()和map()遍历的区别、兼容写法及jQuery $.each、$.map遍历操作
2019/02/27 jQuery
js实现拖拽与碰撞检测
2020/09/18 Javascript
如何在vue 中引入使用jquery
2020/11/10 jQuery
Python统计列表中的重复项出现的次数的方法
2014/08/18 Python
Python实现的多叉树寻找最短路径算法示例
2018/07/30 Python
python递归实现快速排序
2018/08/18 Python
使用python批量修改文件名的方法(视频合并时)
2020/03/24 Python
python修改FTP服务器上的文件名
2019/09/11 Python
详解python模块pychartdir安装及导入问题
2020/10/22 Python
CK加拿大官网:Calvin Klein加拿大
2020/03/14 全球购物
C#和SQL Server的面试题
2016/08/12 面试题
5个HTML5的常用本地存储方式详解与介绍
2021/03/27 HTML / CSS
大学生职业生涯规划书汇总
2014/03/20 职场文书
卖房协议书
2014/04/11 职场文书
商业项目策划方案
2014/06/05 职场文书
纪念九一八事变演讲稿:勿忘国耻
2014/09/14 职场文书
不服从上级领导安排的检讨书
2014/09/14 职场文书
幼儿园小班教师个人工作总结
2015/02/06 职场文书
Go语言中break label与goto label的区别
2021/04/28 Golang
Python+Appium实现自动抢微信红包
2021/05/21 Python
解析在浏览器地址栏输入一个URL后发生了什么
2021/06/21 Servers