首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

数组去重和获取重复元素(普通数组和嵌套对象数组)

关于js的数组去重和获取重复元素,在项目开发中经常会遇到,这里提供个实现思路以供参考。数组主要分为:普通数组和对象数组(嵌套对象数组)两类。...普通数组:[1,2,3,'a','b']对象数组:[{name:'zhangsan'},{name:'lisi'},{name:'wangwu'}]普通数组的去重,以及获取重复元素比较简单,重点是关于对象数组去重...对象数组去重分为两类:根据某一属性去重,和去重完全相同对象(属性属性值都相同)一、数组嵌套对象,根据对象某一属性去重let arr = [{id:1, name:'test', status:'success...,去重完全相同对象(属性属性值都相同)大致思路如下: 首先、循环数组,拿到对象的所有属性组成的数组; 其次、循环属性数组把对象的属性和对应的值拼接成字符串;然后、利用 hasOwnProperty 方法判断这个字符串是不是对象...key 是type的值,value是在indeces中对应数组的下标let indices = [] //数组中每一个值是一个数组,数组中的每一个元素是原数组中相同type的下标 List.map((item

19510
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JS 数组去重(数组元素是对象的情况)

    js数组去重有经典的 几种方法 但当数组元素是对象时,就不能简单地比较了,需要以某种方式遍历各值再判断是否已出现。...因为: 1.如果是哈希判断法,对象作哈希表的下标,就会自动转换成字符型类型,从而导致所有元素都相等,这时判断方法不再有意义。...一般最后数组就只剩一个 2.如果是直接比较法,则因为对象在内存中是按引用访问的,属性值相同的对象也不会相等,简单的直接判断不再有意义。...一般最后数组还是原样 所以就需要进行值的比较 当然了,也可以换着法来将相应对象转为字符串(不是默认的那种[object Object]) 举个例子: var array = [ {a:1,b:2...array = [ {a:1,b:2,c:3,d:4}, {a:11,b:22,c:333,d:44}, {a:111,b:222,c:333,d:444} ]; //将对象元素转换成字符串以作比较

    4.3K00

    【JavaScript】内置对象 - 数组对象 ② ( 数组添加元素 - push 方法 unshift 方法 | 数组删除元素 - pop 方法 shift 方法 )

    /Array 一、添加数组元素 1、添加数组元素 - push() 调用 Array 数组对象 的 push() 方法 可以在数组的 尾部 添加指定元素 , 返回新数组长度 , 语法如下 : push(...若干个 指定的元素值 ; 返回值 是 新数组对象的 length 属性 , 也就是插入后数组大小 ; 参考文档 : https://developer.mozilla.org/zh-CN/docs/Web...unshift() 调用 Array 数组对象 的 unshift() 方法 可以在数组的 开头 添加指定元素 , 返回新数组长度 , 语法如下 : unshift() unshift(element1...- pop() 调用 Array 数组对象 的 pop() 方法 可以 删除数组的最后一个元素 , 返回 被删除的元素值 , 语法如下 : pop() 该方法没有参数 ; 返回值 是 被删除的元素值...数组对象 的 shift() 方法 可以 删除数组的 首部 元素 , 返回 被删除的元素值 , 语法如下 : shift() 该方法没有参数 ; 返回值 是 被删除的元素值 ; 参考文档 : https

    17510

    HTML的元素嵌套规则

    一般用在网站内容之中的某些细节或部位,用以“强调、区分样式、上标、下标、锚点”等等,下面这些标签都属于内嵌元素:   a、abbr、acronym、b、bdo、big、br、cite、code、dfn、...i、img、input、kbd、label、q、s、samp、select、small、span、strike、strong、sub、sup、textarea、tt、u、var   二、HTML 标签的嵌套规则...块元素可以包含内联元素或某些块元素,但内联元素却不能包含块元素,它只能包含其它的内联元素:    —— 对   ...有几个特殊的块级元素只能包含内嵌元素,不能再包含块级元素,这几个特殊的标签是:   h1、h2、h3、h4、h5、h6、p、dt   4. li 内可以包含 div 标签 —— 这一条其实不必单独列出来的...,但是网上许多人对此有些疑惑,就在这里略加说明:   li 和 div 标 签都是装载内容的容器,地位平等,没有级别之分(例如:h1、h2 这样森严的等级制度^_^),要知道,li 标签连它的父级 ul

    2.6K20

    JavaScript Array(数组)对象中指定元素的删除

    大家好,又见面了,我是你们的朋友全栈君。 js在前台界面中举足轻重,在使用js删除数组时遇到一些问题(详见删除元素),参考很多大神的资料,现把常用的函数总结出来,以备不时之需。...index的数组值 array[index] = value;//赋值给下标为index的元素 //3、添加新元素 array.push(item1,item2……itemN);//将一个或多个元素赋给数组...array.unshift(item1,item2……itemN);//将一个或多个元素加入到数组的开始位置,原有元素位置自动后移,返回 新数组的长度 array.splice(start...();//删除最后一个元素,并返回该元素 array.shift();//删除第一个元素,数组元素位置自动前移,返回被删除的元素 array.splice(start,delCount)...array.slice(start,end);//截取数组,从start开始包含start到end结束不包含end的元素 //6、数组的排序 array.reverse();//用于颠倒数组中元素的顺序

    2.9K10

    JavaScript数组求和_js获取对象数组的第一个元素

    Array.prototype.reduce()函数可用于遍历数组,将当前元素值添加到先前项目值的总和中。...它是函数的初始值或先前返回的值。 CurrentValue 是 必需的 参数。它是数组中当前元素的值。 该 CURRENTINDEX 是一个 可选的 参数。它是当前元素的索引。...它是当前元素所属的数组对象。 该 初值 是一个可选参数。它是要作为初始值传递给函数的值。 首次将回调称为 total, 并且 currentValue 可以是两个值之一。...我们对数组的所有整数求和。 现在,它在幕后的作用是,在第一种情况下,初始值为0,而第一个元素为11。因此,11 + 0 = 11。 在第二个循环中,我们的旧值为11,下一个值为21。...在最后一个循环中,我们的旧值为97,下一个值为18,因此97 + 18 = 115。 因此,这就是将数组的所有元素求和的方式。

    6.9K20

    Array对象---添加或删除数组中的元素->splice()

    定义: splice() 方法用于添加或删除数组中的元素。(会修改原始数据) 参数说明: array.splice(index,howmany,item1,........规定从何处添加/删除元素。 该参数是开始插入和(或)删除的数组元素的下标,必须是数字。(从0开始) 2、howmany 可选。规定应该删除多少元素。必须是数字,但可以是 "0"。...如果未规定此参数,则删除从 index 开始到原数组结尾的所有元素。 3、item1, ..., itemX 可选。...要添加到数组的新元素 示例: 1、 var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.splice(2,1,"Lemon","Kiwi..."); 结果: Banana,Orange,Lemon,Kiwi,Mango 该操作为从下标2的位置开始删除一个元素(删除Apple),并加入两个元素(Lemon,Kiwi) 2、 var fruits

    3.7K10

    【Web前端】嵌套元素的“事件”冒泡?!

    事件冒泡是指在嵌套的 HTML 元素中,一个事件从最具体的元素开始,然后向上传播到更高层级的父元素。...例如,如果用户点击一个嵌套的按钮,事件首先会被按钮捕获,然后会冒泡到按钮的父元素,接着是父元素的父元素,直到到达 ​​​​​ 元素或文档的根元素。...因为这里的事件监听器是以捕获模式添加的,父元素的监听器在子元素之前被触发。 事件捕获和冒泡的总结 事件冒泡从具体元素到父元素。 事件捕获从父元素到具体元素。 默认情况下,事件是以冒泡的方式处理的。...适用于动态子元素:即使更多子元素在未来添加,父元素的监听器仍然可以有效工作。...事件冒泡和捕获是浏览器处理事件的重要机制。实际开发中: 事件冒泡可以让我们轻松处理嵌套元素的事件。 通过调用 ​​stopPropagation()​​ 你可以精确地控制事件流。

    7300

    在数组内删除指定元素_数组对象删除某一个指定对象

    大家好,又见面了,我是你们的朋友全栈君。 一般来说,我们用数组这种数据结构最多的情况,是用来做查询,时间复杂度为O(1),那么在这里我们来看一下如何用在数组中插入元素和删除元素。...数组的适用场景: 一般在查询中,适用数组的情况是比较多,因为可以根据下标直接访问元素,时间复杂度是O(1),所以适用于读多写少的场景。...那么我们在数组中插入元素的话,一般会有三种插法: (1)在数组的第一个位置插入元素 (2)在数组的最后一个位置插入元素 (3)在数组的中间位置插入元素 首先我们考虑第一种情况:在数组的第一个位置插入元素...: (1)如果数组是一个空数组的话,那么我们就直接把这个元素赋值给下标为0的数组元素; (2)如果数组不是空数组,那么我们在第一个位置插入元素之前,需要将原有的数组元素统一向后移动一个位置,但是需要保证插入一个元素后...,数组的长度应该小于初始化的时候数组长度, (3)如果插入后大于了原有数组的长度,那么在插入之前,我们需要新建一个数组,进行数组长度的扩容,以便元素数组内容和新插入的元素都可以插入到数组中。

    2.1K50

    面向对象之类的成员,嵌套

    ] [静态字段通过类访问],在使用上可以看出普通字段和静态字段的归属是不同的,其在内容的存储方式也不一样,静态字段在内存中只保存一份,普通字段在每个对象中都要保存一份   上面我们看到的两种字段都是公有字段...二丶方法   方法包括普通方法丶静态方法和类方法,三种方法在内存中都归属于类,区别在于调用方式不同 1.普通方法:由对象调用,至少一个self参数,执行普通方法时,自动将调用该方法的对象赋值给self...调用直接用 类名.方法名(参数) 调用 class Foo: def __init__(self,name): self.name = name #静态方法,如果方法无需使用对象中封装的值...@property def start(self): return 1 obj = Foo() print(obj.start) #无需加括号,直接调用  四丶面向对象的嵌套...  两个类中的变量互相建立关系就叫嵌套 class School: def __init__(self,name): self.name = name obj = School

    1.5K10

    【JavaScript】内置对象 - 数组对象 ④ ( 索引方法 | 查找给定元素的第一个索引 | 查找给定元素的最后一个索引 | 索引方法案例 - 数组元素去重 )

    文章目录 一、索引方法 1、查找给定元素的第一个索引 - indexOf() 2、查找给定元素的最后一个索引 - lastIndexOf() 二、索引方法案例 - 数组元素去重 1、需求分析 2、代码实现...一、索引方法 1、查找给定元素的第一个索引 - indexOf() 调用 Array 数组对象 的 indexOf() 方法 可以 查找给定元素的第一个索引 , 语法如下 : indexOf(searchElement...) indexOf(searchElement, fromIndex) searchElement 参数 是 要查找的 数组元素 ; fromIndex 参数 是 开始搜索的索引值 , 查找时 包含...- lastIndexOf() 调用 Array 数组对象 的 lastIndexOf() 方法 可以 查找给定元素的最后一个索引 , 语法如下 : lastIndexOf(searchElement...给定一个数组 , [9, 5, 2, 7, 5] 将数组中的重复元素删除 , 也就是将上述数组中 重复的元素 5 删除 ; 创建一个新的空数组 , 遍历旧数组 , 遍历每个旧数组元素时 , 查询该元素是否在新数组中

    17510
    领券