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 相关文章推荐
精解window.setTimeout()&amp;window.setInterval()使用方式与参数传递问题!
Nov 23 Javascript
Jquery Ajax学习实例4 向WebService发出请求,返回实体对象的异步调用
Mar 16 Javascript
通过onmouseover选项卡实现img图片的变化
Feb 12 Javascript
setinterval()与clearInterval()JS函数的调用方法
Jan 21 Javascript
JavaScript中数组添加值和访问值常见问题
Feb 06 Javascript
JS对象的深度克隆方法示例
Mar 16 Javascript
vue.js单页面应用实例的简单实现
Apr 10 Javascript
基于vue打包后字体和图片资源失效问题的解决方法
Mar 06 Javascript
基于Angular中ng-controller父子级嵌套的相关属性详解
Oct 08 Javascript
移动端(微信等使用vConsole调试console的方法
Mar 05 Javascript
了解在JavaScript中将值转换为字符串的5种方法
Jun 06 Javascript
JS实现简易计算器
Feb 14 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
PHP4之真OO
2006/10/09 PHP
一个简单的网页密码登陆php代码
2012/07/17 PHP
php 模拟get_headers函数的代码示例
2013/04/27 PHP
分享下页面关键字抓取www.icbase.com站点代码(带asp.net参数的)
2014/01/30 PHP
laravel5.4利用163邮箱发送邮件的步骤详解
2017/09/22 PHP
laravel5.1 ajax post 传值_token示例
2019/10/24 PHP
两个SUBMIT按钮,如何区分处理
2006/08/22 Javascript
jQuery点缩略图弹出层显示大图片
2015/02/13 Javascript
jQuery实现手机号码输入提示功能实例
2015/04/30 Javascript
详解Angularjs中的依赖注入
2016/03/11 Javascript
jQuery 中的 DOM 操作
2016/04/26 Javascript
JavaScript实现经典排序算法之冒泡排序
2016/12/28 Javascript
AngularJS使用angular.bootstrap完成模块手动加载的方法分析
2017/01/19 Javascript
Vue.js项目部署到服务器的详细步骤
2017/07/17 Javascript
vue采用EventBus实现跨组件通信及注意事项小结
2018/06/14 Javascript
详解Vue This$Store总结
2018/12/17 Javascript
Vue实现微信支付功能遇到的坑
2019/06/05 Javascript
Python基于回溯法子集树模板解决野人与传教士问题示例
2017/09/11 Python
python3 pillow生成简单验证码图片的示例
2017/09/19 Python
python3解析库pyquery的深入讲解
2018/06/26 Python
基于Python打造账号共享浏览器功能
2019/05/30 Python
python写一个随机点名软件的实例
2019/11/28 Python
OpenCV 使用imread()函数读取图片的六种正确姿势
2020/07/09 Python
python 检测图片是否有马赛克
2020/12/01 Python
python 发送邮件的四种方法汇总
2020/12/02 Python
python自动从arxiv下载paper的示例代码
2020/12/05 Python
美国知名日用品连锁超市:Dollar General(多来店)
2017/01/14 全球购物
伦敦剧院门票:London Theatre Direct
2018/11/21 全球购物
恶意软件的定义
2014/11/12 面试题
管理学专业个人求职信范文
2013/09/21 职场文书
护士进修自我鉴定
2014/02/07 职场文书
初中学生评语大全
2014/04/24 职场文书
歌颂祖国的演讲稿
2014/05/04 职场文书
2014年人事行政工作总结
2014/12/03 职场文书
工作转正自我鉴定范文
2019/06/21 职场文书
vue+iview实现手机号分段输入框
2022/03/25 Vue.js