关于对象数组去重以及判断url

最新推荐文章于 2025-12-27 19:25:02 发布

原创最新推荐文章于 2025-12-27 19:25:02 发布 · 198 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端

数组去重专栏收录该内容

1 篇文章

订阅专栏

博客探讨了JavaScript中如何实现数组去重，特别是针对URL对象。内容涉及到URL的协议、地址和后缀的比较，通过replace方法处理URL字符串，然后使用find方法进行判断。提供的代码示例展示了如何在保持原数组不变的情况下，创建一个没有重复URL的新数组。

var arr=[
	{id:1,url:'https://www.baidu.com'},
	{id:2,url:'http://www.baidu.com'},
	{id:3,url:'http://www.baidu.com/'},
	{id:4,url:'https://www.baidu.com/'},
	{id:5,url:'https://www.google.com'}
];
如上：
数组中有以上5个对象，id可无视。

业务需求是去重：（以下几种情况）
		1.协议不同 内容相同
		2.协议相同 地址相同 后缀多/
		3.协议不同 内容相同 后缀多/
如用于判断即可用find()遍历
 了解：item:当前循环的项。 index:循环项的下标 。 arr：当前循环的数组。 thisvalue：如果传
的话，在callbck函数中this为该值，不穿的话this为undefined。
let isHas=null;
 list.find((item)=>{item.url.replace(/http[s]?:\/\//, '')
 .replace(/\/$/, "")==$('.addFocus').val()
 .replace(/http[s]?:\/\//, '').replace(/\/$/, "")?isHas=true:''})

数组去重
let result = [];
     let obj = {};
     for(let i = 0; i < data.length; i++){
          if(!obj[ data[i].url.replace(/http[s]?:\/\//, '').replace(/\/$/, "")]){
             result.push( data[i]);
             obj[ data[i].url.replace(/http[s]?:\/\//, '').replace(/\/$/, "")]=true;
         }
     }
     
这里可以用replace去掉协议以及最后/在进行比较
replace不会改变原数组的值
result 最后得到的就是去重后的数组
以上数组去重后得到的长度为2的数组
[
	{id:1,url:'https://www.baidu.com'},
	{id:5,url:'https://www.google.com'}
]