JS数组去重复方法(七种)

本文详细介绍了JavaScript中实现数组去重的多种方法,包括splice、indexOf、lastIndexOf、includes、forEach+indexOf、filter+indexOf/includes以及使用Set。通过实例代码展示了每种方法的工作原理和使用场景,帮助读者理解并选择适合的去重策略。
摘要由CSDN通过智能技术生成

1、splice

两层循环遍历数组,循环2中值=循环1时,删除该项并使数组长度减1。

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

2、indexof

创建新数组,使用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.indexOf(arr[i])===-1){
			newArr.push(arr[i])
		}
	}
	return newArr
}
console.log(unique(arr));

3、lastIndexof

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

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

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

6、 filter+indexOf/includes

创建新数组,新数组中每项都用filter添加元素:已有的添加空字符,没有的添加原数组值。

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值