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 回车事件实现代码
Aug 23 Javascript
JavaScript版TAB选项卡效果实例
Aug 16 Javascript
jQuery表格插件ParamQuery简单使用方法示例
Dec 05 Javascript
Jquery幻灯片特效代码分享--鼠标点击按钮时切换(1)
Aug 15 Javascript
JavaScript学习笔记之取数组中最大值和最小值
Mar 23 Javascript
jQuery居中元素scrollleft计算方法示例
Jan 16 Javascript
原生js实现类似fullpage的单页/全屏滚动
Jan 22 Javascript
原生JS实现圆环拖拽效果
Apr 07 Javascript
Textarea输入字数限制实例(兼容iOS&amp;安卓)
Jul 06 Javascript
Node.js调用fs.renameSync报错(Error: EXDEV, cross-device link not permitted)
Dec 27 Javascript
在 vue-cli v3.0 中使用 SCSS/SASS的方法
Jun 14 Javascript
MockJs结合json-server模拟后台数据
Aug 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默认安装产生系统漏洞
2006/10/09 PHP
PHP获取163、gmail、126等邮箱联系人地址【已测试2009.10.10】
2009/10/11 PHP
PHP加密解密类实例分析
2015/04/20 PHP
PHP设计模式之装饰器模式定义与用法详解
2018/04/02 PHP
treepanel动态加载数据实现代码
2012/12/15 Javascript
关于JavaScript与HTML的交互事件
2013/04/12 Javascript
JavaScript/Js脚本处理html元素的自定义属性解析(亲测兼容Firefox与IE)
2013/11/25 Javascript
基于javascript实现简单的抽奖系统
2020/04/15 Javascript
深入理解jquery自定义动画animate()
2016/05/24 Javascript
简单实现js间歇或无缝滚动效果
2016/06/29 Javascript
用js控件div的滚动条,让它在内容更新时自动滚到底部的实现方法
2016/10/27 Javascript
JS实现根据密码长度显示安全条功能
2017/03/08 Javascript
React Native react-navigation 导航使用详解
2017/12/01 Javascript
nodejs实现大文件(在线视频)的读取
2020/10/16 NodeJs
详解Vue 多级组件透传新方法provide/inject
2018/05/09 Javascript
详解vue2.0 资源文件assets和static的区别
2018/11/27 Javascript
JSONP解决JS跨域问题的实现
2020/05/25 Javascript
vue实现前端分页完整代码
2020/06/17 Javascript
详解Vue之计算属性
2020/06/20 Javascript
详解Vue中的自定义指令
2020/12/07 Vue.js
[00:34]TI7不朽珍藏III——地穴编织者不朽展示
2017/07/15 DOTA
Python部署web开发程序的几种方法
2017/05/05 Python
tensorflow实现对图片的读取的示例代码
2018/02/12 Python
python微信跳一跳系列之棋子定位颜色识别
2018/02/26 Python
Django开发中的日志输出的方法
2018/07/02 Python
详解python中的数据类型和控制流
2019/08/08 Python
python中查看.db文件中表格的名字及表格中的字段操作
2020/07/07 Python
搭建pypi私有仓库实现过程详解
2020/11/25 Python
HTML5中的Article和Section元素认识及使用
2013/03/22 HTML / CSS
周年庆典邀请函范文
2014/01/23 职场文书
降消项目实施方案
2014/03/30 职场文书
婚前协议书怎么写
2014/04/15 职场文书
水污染治理工程专业自荐信
2014/06/21 职场文书
计算机多媒体专业自荐信
2014/07/04 职场文书
学习党的群众路线剖析材料
2014/10/09 职场文书
结婚幸福感言
2015/08/01 职场文书