养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

VUE去除双重矩阵的重复元素

时间:2024-11-15 00:44:21

如图所示是使用VUE程序搜索全路径运行的结果,从结果中可以看出paths矩阵有4个元素,元素是4个矩阵对象的形式,分别代表四条路径path

VUE去除双重矩阵的重复元素

工具/原料

电脑

VUE

浏览器

方法/步骤

1、下面分别来看看该path衡痕贤伎s里面四个对象分别是什么,从图中可以很容易看出paths[0]和paths[2]是相等的,paths[1]和pa墉掠载牿ths[3]是相等的,这说明paths[0]这条路径和path[2]重复了,paths[1]和paths[3]路径重复,现在就是要去掉重复的路径,重复的路径只保留一条,去掉重复之后,paths中应该只剩下两个不相同的数组,那么在VUE里面该怎么实现呢?请看下一步

VUE去除双重矩阵的重复元素

2、定义一个onlyOne方法去除重复的path,值得注意擢爻充种的是这里我们的数据是paths数组把path数组对象辑湃形傥作为元素,所以我们定义的方法不仅要包含paths中path还得判断path中数组元素是否相同,所以在这里我定义了两个方法,一个方法onlyOne是去除重复元素,arrFSame方法是判断两个相同长度数组的元素是否相同,如果不相同返回true,元素相同返回false

VUE去除双重矩阵的重复元素

3、现在我的paths再调用onlyOne方法即可对数组中对象去除重复,调用onlyOne并打印

VUE去除双重矩阵的重复元素

4、如图所示,运行结果长度为2,,和我预期的长度是一样的,但是数组中的对象是否是预期的呢?

VUE去除双重矩阵的重复元素

5、把数组展开,可以看到确实是达到去重的效果,并且数据正如预期那样

VUE去除双重矩阵的重复元素

© 一点知识