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 相关文章推荐
js下利用控制器载入对应脚本
Jul 17 Javascript
js删除所有的cookie的代码
Nov 25 Javascript
jQuery操作 input type=checkbox的实现代码
Jun 14 Javascript
Extjs中TabPane如何嵌套在其他网页中实现思路及代码
Jan 27 Javascript
jQuery获得内容和属性示例代码
Jan 16 Javascript
用js提交表单解决一个页面有多个提交按钮的问题
Sep 01 Javascript
jQuery插件简单实现方法
Jul 18 Javascript
基于javascript制作微信聊天面板
Aug 09 Javascript
JS实现直接运行html代码的方法
Mar 13 Javascript
jquery动态赋值id与动态取id方法示例
Aug 21 jQuery
Angular2监听页面大小变化的解决方法
Oct 09 Javascript
JS实现导航栏楼层特效
Jan 01 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
搜索和替换文件或目录的一个好类--很实用
2006/10/09 PHP
开源php中文分词系统SCWS安装和使用实例
2014/04/11 PHP
php操作redis命令及代码实例大全
2020/11/19 PHP
Js基础学习资料
2010/11/23 Javascript
有趣的JavaScript数组长度问题代码说明
2011/01/20 Javascript
js 字符串转化成数字的代码
2011/06/29 Javascript
有关于JS构造函数的重载和工厂方法
2013/04/07 Javascript
使用js实现按钮控制文本框加1减1应用于小时+分钟
2013/12/09 Javascript
动态加载js、css等文件跨iframe实现
2014/02/24 Javascript
javascript中CheckBox全选终极方案
2015/05/20 Javascript
详解js中构造流程图的核心技术JsPlumb
2015/12/08 Javascript
JS弹出对话框实现方法(三种方式)
2015/12/18 Javascript
Nodejs express框架一个工程中同时使用ejs模版和jade模版
2015/12/28 NodeJs
javascript设计模式之module(模块)模式
2016/08/19 Javascript
vue用Object.defineProperty手写一个简单的双向绑定的示例
2018/07/09 Javascript
在小程序中使用canvas的方法示例
2018/09/17 Javascript
使用vue2实现带地区编号和名称的省市县三级联动效果
2018/11/05 Javascript
微信小程序获取用户openid的实现
2018/12/24 Javascript
前端插件之Bootstrap Dual Listbox使用教程
2019/07/23 Javascript
python使用pymysql实现操作mysql
2016/09/13 Python
Python中Scrapy爬虫图片处理详解
2017/11/29 Python
Python paramiko模块的使用示例
2018/04/11 Python
python3.5安装python3-tk详解
2019/04/26 Python
Numpy中np.random.rand()和np.random.randn() 用法和区别详解
2020/10/23 Python
解决pytorch 的state_dict()拷贝问题
2021/03/03 Python
奥兰多迪士尼门票折扣:Undercover Tourist
2018/07/09 全球购物
Book Depository欧盟:一家领先的国际图书零售商
2019/05/21 全球购物
AP澳洲中文网:澳洲正品直邮,包税收件无忧
2019/07/12 全球购物
StudentUniverse英国:学生航班、酒店和旅游
2019/08/25 全球购物
小学防溺水制度
2014/01/29 职场文书
上课迟到检讨书
2014/02/19 职场文书
大学军训感言200字
2014/02/26 职场文书
市场营销战略计划书
2014/05/06 职场文书
健康状况证明书
2014/11/26 职场文书
客服专员岗位职责范本
2015/04/07 职场文书
医院志愿者活动总结
2015/05/06 职场文书