JS数组去重方法(建议收藏)

29 篇文章 0 订阅
7 篇文章 4 订阅

1 双层for循环

var arr=[1,2,3,3,2,'hello','hello'];
// 1.双层for循环
function unique(arr){
	// 第一层for循环控制第一个数
	for(let i=0;i<arr.length;i++){
		// 第二层循环控制第二个数
		for(let j=i+1;j<arr.length;j++){
			// 判断前后是否相等
			if(arr[i]===arr[j]){
				arr.splice(j,1);
				// 修正下标
				j--;
			}
		}
	}
}
unique(arr);
console.log(arr);//splice修改原数组 

2.indexOf/lastindexOf()

//2.indexOf() 
var arr=[1,2,3,3,2,'hello','hello'];
function unique(arr){
	let newArr=[];
	for(let i=0;i<arr.length;i++){
		if(newArr.lastIndexOf(arr[i])===-1){
			newArr.push(arr[i])
		}
	}
	return newArr
}
console.log(unique(arr));

3.includs()

//4.includes参数:想要查找的数组元素 返回值:false/true
var arr=[1,2,3,4];
console.log(arr.includes(6));
var arr=[1,2,3,3,2,'hello','hello'];
function unique(arr){
	let newArr=[];
	for(let i=0;i<arr.length;i++){
		if(!newArr.includes(arr[i])){
			newArr.push(arr[i])
		}
	}
	return newArr
}
console.log(unique(arr));

4.用forEach+indexOf

//用forEach+indexOf
var arr=[1,2,3,3,2,'hello','hello'];
function unique(arr){
	let newArr=[];
	arr.forEach(function(item){
		if(newArr.indexOf(item)===-1){
			newArr.push(item)
		}
	})
	return newArr;
}
console.log(unique(arr));

5. 用filter+indexOf/includes

//用filter+indexOf/includes
var arr=[1,2,3,3,2,'hello','hello'];
function unique(arr){
	let newArr=[];
	return arr.filter(function(item){
		return newArr.includes(item)?"":newArr.push(item)
	})
	return newArr;
}
console.log(unique(arr));

6. 用set 去重,成员是唯一的

//set去重  成员是唯一的
var arr=[1,2,3,3,2,'hello','hello'];
let set=new Set(arr);
console.log(set);
console.log(Array.from(set));
console.log([...set]);
map 
var arr=[
	{
		id:1,
		name:"zhangsan"
	},{
		id:2,
		name:"lisi"
	},{
		id:3,
		name:"wangwu"
	}
];
var res=arr.map(function(item){
	return item.name
});
console.log(res);

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值