返回顶部
首页 > 资讯 > 前端开发 > JavaScript >JavaScript 数组去重详解
  • 766
分享到

JavaScript 数组去重详解

2024-04-02 19:04:59 766人浏览 泡泡鱼
摘要

目录1.数组去重2.数组去重里面的对象去重3.根据数组某个字段相同,修改另外字段值总结1.数组去重 var obj = ['麒麟','社','CC'

1.数组去重


      
        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);

2.数组去重里面的对象去重


       
        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);

3.根据数组某个字段相同,修改另外字段值


      
        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)

总结

本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注编程网的更多内容!

--结束END--

本文标题: JavaScript 数组去重详解

本文链接: https://lsjlt.com/news/135695.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • JavaScript 数组去重详解
    目录1.数组去重2.数组去重里面的对象去重3.根据数组某个字段相同,修改另外字段值总结1.数组去重 var obj = ['麒麟','社','CC'...
    99+
    2024-04-02
  • Javascript数组去重的几种方法详解
    目录数组去重1 双层for循环(类似冒泡排序的双层循环写法)2 循环和indexof、循环和includes3 利用对象属性不能重复去重4 ES6 Set5 ES6 Array. p...
    99+
    2024-04-02
  • JavaScript数组去重方案
    目录方法一:set :不是一种数据类型,是一种数据结构;成员唯一方法二:对象属性名不能重复方法三:indexOf方法四:sort方法五:includes :包含;如果数组包含那一项,...
    99+
    2024-04-02
  • JavaScript数组如何去重
    本文小编为大家详细介绍“JavaScript数组如何去重”,内容详细,步骤清晰,细节处理妥当,希望这篇“JavaScript数组如何去重”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识...
    99+
    2024-04-02
  • JavaScript数组去重的几种方法详谈
    目录一、Set去重二、双重for循环去重三、利用indexOf去重四、利用icludes去重五、filter六、Map总结一、Set去重 function funSet(arr...
    99+
    2024-04-02
  • JavaScript常用数组去重的方法及对比详解
    目录前言特殊类型代码一(暴力解法)代码二(ES6)代码三(indexOf + forEach)代码四(indexOf + filter)代码五(sort排序,不支持Symbol)代码...
    99+
    2024-04-02
  • JavaScript中数组去重常用的五种方法详解
    目录1.对象属性(indexof)2.new Set(数组)3.new Map()4.filter() + indexof5.reduce() + includes补充原数组 con...
    99+
    2024-04-02
  • javascript数组去重的方法
    今天小编给大家分享一下javascript数组去重的方法的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来...
    99+
    2024-04-02
  • javascript数组如何去重复
    小编给大家分享一下javascript数组如何去重复,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!javascript数组去重复的方法:1、利用“indexOf(...
    99+
    2023-06-14
  • JS数组去重详情
    目录1 测试用例2 JS 数组去重4大类型2.1 元素比较型2.1.1 双层 for 循环逐一比较(es5常用)2.1.2 排序相邻比较2.2 查找元素位置型2.2.1 indexO...
    99+
    2024-04-02
  • javascript数组去重如何实现
    这篇文章主要为大家展示了“javascript数组去重如何实现”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“javascript数组去重如何实现”这篇文章吧。 ...
    99+
    2024-04-02
  • JavaScript怎么实现数组去重
    这篇“JavaScript怎么实现数组去重”文章,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要参考一下,对于“JavaScript怎么实现数组去重”,小编整理了以下知识点,请大家跟着小编的步伐一步一步的慢慢理解,接...
    99+
    2023-06-06
  • Javascript怎样实现数组去重
    这篇文章将为大家详细讲解有关Javascript怎样实现数组去重,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。数组去重1、from()叠加new Set()方法字符串或数值型数组的去重可以直接使用from...
    99+
    2023-06-17
  • JavaScript常用数组去重方法
    本篇内容主要讲解“JavaScript常用数组去重方法”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“JavaScript常用数组去重方法”吧!数组去重,一般都是在面试的时候才会碰到,一般是要求手...
    99+
    2023-06-20
  • javascript数组怎么快速去重
    这篇“javascript数组怎么快速去重”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“javascript数组怎么快速去重...
    99+
    2023-07-06
  • javascript数组去重有哪些方法
    本篇内容介绍了“javascript数组去重有哪些方法”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!去重方...
    99+
    2024-04-02
  • JavaScript中怎么实现数组去重
    这篇文章主要介绍了JavaScript中怎么实现数组去重,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。具体如下:数组去重,一般都是在面试的时...
    99+
    2024-04-02
  • javascript数组去重方法有哪些
    这篇文章给大家分享的是有关javascript数组去重方法有哪些的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。 第一种--对象键值去重Array.prototype.u...
    99+
    2024-04-02
  • 使用JavaScript怎么对数组去重
    使用JavaScript怎么对数组去重?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。js数组去重方法:1、遍历数组法;2、数组下标判断法;3、排序后相邻去除法;4、优化的遍历数...
    99+
    2023-06-14
  • 怎么解析JavaScript数组去重和扁平化函数
    这篇文章将为大家详细讲解有关怎么解析JavaScript数组去重和扁平化函数,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。1、数组扁平化(又称数组降维)flat() 方法会按照一个可指定的深...
    99+
    2023-06-22
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作